AI 디자인 도구 · AI 디자인 캔버스

Lunagraph

실제 HTML, CSS, React 코드로 화면을 그려 디자인과 구현 사이 전달 과정을 없앤 캔버스입니다.

베타lunagraph.com
01

어떤 곳인가요?

Claude Code와 연동해 실제 코드를 작성하는 디자인 캔버스.

02

핵심 포인트

  1. 코드로 그리는 화면

    캔버스의 요소가 실제 코드라 그대로 개발에 씁니다.

  2. Claude Code 연동

    Claude Code가 디자인 작업을 함께 처리합니다.

  3. 팀 전체 일관성

    디자이너, 개발자, 에이전트가 같은 원본을 공유합니다.

03

쓰기 전에 알아둘 점

베타 단계라 기능이 자주 바뀔 수 있습니다.

출처와 확인 정보

정리: 디자인서랍 · 공식 사이트 소개를 바탕으로 작성 · 확인:
요금과 기능은 바뀔 수 있으니 이용 전에 공식 사이트에서 확인하세요.

정보 수정 제안