OJO: AI 디자인 에이전트 팀을 구성해 한 문장에서 프로토타입과 코드 납품까지

OJO는 AI 디자인 에이전트 팀 워크스페이스를 표방합니다. 펜을 주는 대신 스스로 인력을 뽑을 수 있는 디자인 부서를 줍니다. 작업마다 역할을 고르고 200개가 넘는 탈부착형 Skills를 붙여, 한 장의 캔버스에서 아이디어 탐색부터 인터랙티브 프로토타입까지 진행한 뒤 코드나 Figma로 내보냅니다.

대부분의 AI 디자인 도구는 이미지 한 장을 해결합니다. 그러나 실제 디자인 작업은 한 장으로 끝나지 않습니다. 요구를 명확히 하고, 브랜드 방향과 시각 톤을 정하고, 화면을 만들고, 인터랙션을 설계한 뒤 개발에 넘깁니다. OJO는 이 사슬 전체를 하나의 작업대로 옮기고, 실행 주체를 단일 모델에서 직접 편성하는 에이전트 팀으로 바꾸려 합니다.

구조는 두 층입니다. 첫째는 에이전트 팀으로, 서로 다른 역할과 기술을 가진 담당들이 협업하며 사람에게 일을 주듯 지시할 수 있습니다. 둘째는 200개가 넘는 탈부착형 Skills로, 제품 전략과 UI/UX, 시각 스타일 같은 전문성을 필요한 만큼 붙입니다. 자료에는 레트로 퓨처리즘, 사이버 르네상스 같은 시각 스타일 유전자가 내장되어 있다고도 하며, 매번 운에 맡기지 않고 재사용 가능한 미감을 갖게 합니다.

입력 측은 한 문장, 이미지 한 장, 링크 하나로 인터랙티브 프로토타입을 바로 만듭니다. 출력 측은 Figma, 코드, PPT/PDF/PNG, 온라인 공유 링크로 한 번에 내보냅니다. 또한 CLI가 있어 Claude Code, Codex, Cursor 같은 개발 흐름에 끼워 넣을 수 있으므로, 디자인이 또 하나의 섬을 만들지 않고 기존 개발 습관 안으로 들어갑니다.

주요 기능

에이전트 팀 구성

작업마다 AI 디자인 팀을 구성하고 역할과 기술을 배분해 여러 에이전트가 한 목표로 협업하게 합니다. 단일 모델이 모든 판단을 맡지 않습니다.

200개 이상 탈부착형 Skills

제품 전략, UI/UX, 시각 스타일 등 200개가 넘는 Skills를 추가할 수 있어, 시각 방향 하나만 쓸 수도 있고 사슬 전체에 붙일 수도 있습니다.

전 구간 커버

브랜드 포지셔닝, 아이디어 발산, 시각 정의, 인터랙티브 프로토타입, 코드 납품까지 중간 렌더링만이 아니라 과정의 양 끝을 다룹니다.

한 장의 캔버스 워크플로

탐색과 프로토타이핑, 코드 생성이 같은 캔버스에서 이루어져 도구 사이로 맥락을 옮기며 생기는 스타일 이탈을 줄입니다.

멀티모달 입력

한 문장 설명, 이미지 업로드, 링크 붙여넣기 어느 것으로도 동작하는 프로토타입을 바로 만들 수 있습니다.

시각 유전자와 미감 기억

내장된 시각 스타일 유전자가 안정적인 미감 편향과 기억을 부여해, 브랜드 톤을 오래 유지해야 하는 프로젝트에 맞습니다.

CLI와 개발 흐름 삽입

명령줄 도구가 Claude Code, Codex, Cursor 같은 주요 AI 개발 흐름에 들어가 디자인 산출물을 곧바로 코딩으로 넘깁니다.

디자인이 곧 납품

Figma, 코드, PPT/PDF/PNG, 공유 링크로의 원클릭 내보내기가 디자인 완료와 납품 가능을 한 동작으로 묶습니다.

사용 방법

1. 먼저 이용 권한을 받는다. OJO 사이트에서 대기 명단에 오르거나 초대 코드를 입력해 권한을 엽니다. 가입 즉시 쓰는 방식이 아니라 베타 대기열입니다.
2. 작업에 맞춰 팀을 짠다. 200개가 넘는 Skills에서 이번에 필요한 전문성을 고릅니다. 랜딩 페이지와 관리자 화면이 같은 구성에서 출발할 이유는 없습니다.
3. 요구를 말로 정리한다. 한 문장 설명, 참고 이미지 업로드, 링크 붙여넣기로 생각을 전합니다. 입력이 구체적일수록 이후 확인 왕복이 줄어듭니다.
4. 되묻는 질문을 받아들인다. 에이전트가 먼저 질문해 암묵적 요구를 끌어내고 모호한 생각을 명확한 설계 전략으로 수렴시킵니다. 이 단계를 건너뛰면 뒤의 재작업이 늘어납니다.
5. 사전 정의를 마친다. 에이전트와 함께 브랜드 포지셔닝, 아이디어 발산, 시각 톤을 정해 '보기 좋음'을 논의 가능한 기준으로 바꿉니다.
6. 인터랙티브 프로토타입을 만든다. 클릭과 호버 동작이 포함된 프로토타입을 같은 캔버스에서 출력해 정지 이미지가 아니라 시연에 씁니다.
7. 진단하고 반복한다. 디자인 최적화 Skills를 호출해 화면과 경험을 자동 진단하고 회차를 거듭해 개선한 뒤, 필요한 형식으로 내보내거나 CLI로 개발 흐름에 연결합니다.

어울리는 용도와 사용자

• MVP를 만드는 스타트업: 디자인 인력을 둘 여유가 없는 창업자가 에이전트 팀으로 포지셔닝, 프로토타입, 프런트엔드 코드를 처리해 낮은 비용으로 사업 가설을 검증합니다.
• 마케팅과 운영: 캠페인 요구를 넣고 마케팅 전문 에이전트를 호출해 배포 가능한 랜딩 비주얼을 빠르게 확보합니다.
• 개인 개발자: 백엔드는 직접 쓰고 UI/UX 전 구간을 OJO에 맡겨 와이어프레임부터 프로토타입, 코드 내보내기까지 잇습니다.
• 디자이너: 그리는 실행에서 전략 주도로 옮겨가 요구 분석과 아이디어 발산을 에이전트가 펼치게 하고, 자신은 가치가 큰 판단에 집중합니다.
• 기업 마케팅 팀: 브랜드 시각 유전자를 통일하고 사이트, 캠페인 페이지, 제품 화면을 대량으로 만들며 프로젝트 간 일관성을 유지합니다.

제한과 주의 사항

• 이용에 대기열이 있다. 입구는 대기 명단과 초대 코드이며 가입만으로는 쓸 수 없고 시점도 스스로 정할 수 없습니다. 급한 프로젝트라면 대안이 필요합니다.
• 가격은 이 자료에 없다. 여기에는 요금도, 할당량도, 상업적 라이선스도 제시되지 않았고 추정하지도 않았습니다. 비용과 허락은 공식 안내를 따르세요.
• 팀 구성 자체가 난관이다. 200개가 넘는 Skills는 전력이자 선택 비용입니다. 어떻게 조합하고 역할을 나누느냐가 결과를 좌우하며, 디자인 과정에 익숙하지 않으면 구성이 기능 적재로 흐르기 쉽습니다.
• 미감 판단은 외주로 넘길 수 없다. 시각 유전자와 기억은 스타일을 안정시키지만 그 방향이 옳은지는 사용자와 브랜드에 대한 이해에 달려 있습니다. 생성 결과는 사람이 골라야 하며 외부 공개 자료에서 특히 그렇습니다.
• 코드와 산출물은 검토가 필요하다. 내보낸 코드와 디자인 파일은 규칙, 반응형, 접근성 점검을 통과한 뒤에야 실제 납품으로 볼 수 있습니다.

자주 묻는 질문

일반 AI 이미지 도구와 무엇이 다른가요?

이미지 도구는 한 장을 해결합니다. OJO는 요구 명확화, 브랜드와 시각 정의, 인터랙티브 프로토타입, 코드 내보내기까지 다루고 실행 주체를 편성 가능한 에이전트 팀으로 만듭니다.

CLI를 꼭 써야 하나요?

아니요. 브라우저 캔버스에서 탐색과 프로토타입, 내보내기까지 됩니다. CLI는 기존 개발 흐름에 넣으려는 사람을 위한 것입니다.

어떤 형식으로 내보낼 수 있나요?

자료에는 Figma, 코드, PPT/PDF/PNG, 온라인 공유 링크가 적혀 있습니다.

디자인을 모르는 사람도 쓸 수 있나요?

첫 버전과 아이디어 검증에는 적합하고 에이전트의 질문이 요구 정리를 돕습니다. 외부 공개 수준으로 다듬으려면 디자인 판단이 있는 사람의 확인을 권합니다.

지금 바로 쓸 수 있나요?

공식 대기 명단이나 초대 코드로 권한을 열어야 하며, 베타 단계 제품입니다.