본문으로 건너뛰기

디자이너를 위한 코스

내 디자인을 실제 사이트로 만드세요

레퍼런스와 디자인 토큰으로 AI 코딩 에이전트에게 지시하고, 모든 화면 크기에서 디자인과 맞을 때까지 디자이너의 눈으로 검토하세요.

  • Pro 요금제에 포함
  • 영어, 우즈베크어, 한국어, 러시아어, 스페인어, 프랑스어, 독일어, 아랍어 지원
사이트 만들기 시작

무료 체험 대상인 첫 가입 회원은 7일 동안 무료로 이용할 수 있어요. 언제든 해지할 수 있어요.

와이어프레임을 완성된 웹 페이지로 바꾸는 Koda 로봇

완성하게 될 결과물

  • 디자인과 일치하는 반응형 사이트
  • 에이전트가 매번 따르는 디자인 토큰
  • 검토 과정에 포함된 접근성 점검

사용하게 될 도구

Claude Code와 Cursor를 쓰고, 그 아래의 HTML과 CSS를 직접 보면서 무엇을 만들었는지 확인해요.

Koda에서 걸어갈 길

학습 경로
AI로 만들기
첫 레슨
AI로 아이디어에서 출시까지: 에이전트로 완성도 높은 UI 만들기

먼저 시작할 코스

  1. 멋지게 만들기: AI 빌더를 위한 디자인페이지가 디자인된 것처럼 보이게 하는 요소를 알아보는 눈을 기르고, 에이전트가 그대로 만들도록 브리프를 써요.레슨 16개
  2. AI로 아이디어에서 출시까지아이디어 하나를 한 문장에서 낯선 사람이 쓸 수 있는 실제 제품까지 끌고 갑니다.레슨 19개
  3. Claude Code: 데스크톱에서 터미널까지데스크톱 앱에서 만들고, 미리 보고, 출시한 다음 터미널 고급 기능을 더하세요.레슨 27개
  4. Cursor & AI 에디터에디터 안에 사는 AI를 몰아보세요.레슨 19개Ultra 필요