Starry 대 Figma, Google Stitch, Sketch

2026년에 디자인 도구를 고를 때 진짜 질문은 'Figma를 쓸 것이냐'가 아니라, '아이디어에서 실행 가능한 코드까지의 여정을 그 도구가 실제로 얼마나 해결해 주느냐'입니다. Starry, Figma, Google Stitch, Sketch는 모두 비슷한 영역에 있지만 일을 끌고 가는 방향은 아주 다릅니다. 정리해 보겠습니다.

한눈에 보기

Starry — AI 네이티브 선택지

Starry는 단순한 전제를 바탕으로 합니다. 디자인은 곧 코드이며, AI는 그저 말로만 떠들 게 아니라 캔버스 위에서 직접 작업해야 한다는 것입니다. 평범한 언어로 인터페이스를 설명하면 Starry가 진짜 편집 가능한 오토 레이아웃 레이어를 만듭니다. 그리고 프로젝트가 실제로 소유한 코드를 내보냅니다.

파일이 디스크에 있는 일반 .pen 문서이므로 Starry는 로컬 우선입니다. 공유하기로 선택하지 않는 한 작업이 내 장비를 떠나지 않습니다. 또한 실시간 협업은 WebRTC 위에서 P2P로 동작하므로 디자인을 시작할 때 서버나 계정이 필요 없습니다.

Figma — 협업의 표준

Figma가 기본 협업 디자인 캔버스인 데는 이유가 있습니다. 멀티플레이어 편집, 거대한 플러그인 생태계, 그리고 이미 그 안에 사는 팀들입니다. 코드에서 멈춥니다. Figma는 디자인을 만들지만, 그 디자인을 프로덕션에 올리려면 여전히 인수인계가 필요합니다. 개발자가 다시 만들거나, 불완전한 코드를 위해 서드파티 플러그인에 의존해야 합니다.

Figma가 앞서는 점: 조직 전체의 디자인 시스템, 이해관계자 검토, 그리고 팀 전체가 이미 아는 워크플로.Starry가 보완하는 점: Starry는 .fig 파일을 가져오므로, 검토에는 Figma를 그대로 쓰면서 Starry로 아트보드를 진짜 컴포넌트와 출시 가능한 코드로 바꿀 수 있습니다.

Google Stitch — 프롬프트에서 UI로, 이제 막 시작

Stitch는 프롬프트에서 UI를 생성하며, Google이 내놓은 'AI가 대신 디자인해 준다'는 접근을 가장 명확히 보여주는 참가자입니다. 빠른 목업에는 유망합니다. Starry와의 차이는 깊이에 있습니다. Stitch가 내보내는 것은 완전하고 편집 가능한 내보내기 준비된 프로젝트가 아니라 코드 스니펫이며, Figma 가져오기도 MCP 서버도 없습니다. 그래서 AI 코딩 에이전트가 캔버스를 읽거나 쓸 수 없습니다.

Sketch — Mac 네이티브 장인 도구

Sketch는 빠르고 네이티브한 앱을 에디터별 라이선스로 이용하려는 Mac 기반 프로덕트 디자이너들에게 여전히 사랑받습니다(에디터 1인당 월 약 10달러). 세련되고 로컬에서 동작하지만, 내장 AI도 MCP 서버도 없습니다. AI가 UI를 생성하고 출시하기를 원하는 팀에게 Sketch는 디자인 도구이고, Starry는 디자인에서 코드로 가는 도구입니다.

Starry로 마이그레이션하기(기존 것을 버리지 않고)

• Figma에서: .fig 파일을 Starry에서 직접 열면 레이어, 컴포넌트, 오토 레이아웃이 편집 가능한 노드로 그대로 넘어옵니다. 다시 그릴 필요가 없습니다.
• Sketch에서: .fig로 내보낸 뒤(또는 Figma 가져오기 단계를 이용해) Starry에서 엽니다.
• 코드로: 프레임을 선택해 React (JSX) 또는 HTML로 내보내 프로젝트에 넣습니다. MCP 서버를 쓰면 Cursor나 Claude Code가 캔버스 맥락을 에디터로 바로 가져올 수 있습니다.
• 시스템 유지: 디자인 시스템은 Starry가 모든 생성에 주입하는 Markdown 명세입니다. 한 번 쓰면 어디서든 재사용할 수 있습니다.

자주 묻는 질문