클로드 디자인으로 모바일 화면 7장, 1시간 만에 만들었습니다. 피그마에서는 선 하나 안 그렸습니다. 예전 같으면 2주 걸리고, 디자이너 인건비만 400만 원부터 시작하던 작업이죠. 9년 동안 UX 디자인 컨설팅 회사를 운영하면서 포토샵으로 한 땀 한 땀 그리던 시절부터 피그마 컴포넌트로 디자인 시스템을 세우던 시절까지 다 거쳤습니다. 그런데 지금은 그 과정을 이렇게 안 합니다. 다만 "예쁜 앱 만들어줘"라고 던진다고 좋은 디자인이 나오지는 않습니다. 핵심은 화면을 하나씩 고치는 게 아니라, 디자인의 규칙 자체를 먼저 바꾸는 겁니다. 컬러, 타이포그래피, 버튼, 카드, 여백, 모서리까지 규칙을 먼저 정하고 그 규칙으로 화면을 만들게 하면, AI가 화면마다 제각각 디자인하는 문제가 크게 줄어듭니다. 이 영상에서는 피그마 커뮤니티의 디자인 시스템을 가져와 클로드 디자인에서 커스터마이징하고, PRD와 실제 운영 중인 PC 서비스 화면을 넣어 모바일 주요 화면까지 만드는 전 과정을 보여드립니다. AI로 디자인했다는 걸 아무도 모를 정도의 퀄리티를 보여드릴 게요 ✅ 이런 분들에게 추천합니다 ✔ AI로 UI를 만들었는데 결과가 비슷비슷해서 고민인 분 ✔ Claude를 UX/UI 디자인 실무에 활용하고 싶은 분 ✔ 디자인 시스템을 처음부터 만드는 것이 부담스러운 기획자·디자이너 ✔ Figma 작업 시간을 줄이고 싶은 분 ✔ 서비스 기획부터 UI 제작까지 AI와 함께 진행하고 싶은 분 ✔ AI 시대에 UX 디자이너의 역할이 어떻게 달라질지 궁금한 분 ■ 오늘의 작업 순서 Plan & PRD → 디자인 시스템 레퍼런스 → 스타일 레퍼런스 이미지 → 클로드 디자인 → 모바일 UI ■ AI와 일할 때 지키는 프롬프트 원칙 3가지 1\. 맥락과 목적을 먼저 설명한다 2\. 원하는 방향을 시각 레퍼런스로 보여준다 \(구체적일수록 좋다\) 3\. 한 번에 하나씩 시킨다 — 연관된 화면 묶음 단위로 <span style="font-size: 14px; color: #181818">■ 이 영상에서 쓴 자료 디자인 시스템 레퍼런스: [</span>[<span style="font-size: 14px; color: #181818">https://www.figma.com/design/NFv4XcFd...</span>](https://www.youtube.com/redirect?event=video_description&redir_token=QUM4Zm9rUnFrbEdvaWJaaWNhN2tMdVh4dmozNXxBTl9pYzRmQVZtME9xendReWZnajFvLXBNUVdSVTVYWDY3V0tiOTNrQm45U2ZoaUtkazU1enVGUFRWZF9HaGd3VklyMl9uWEx2MXFkSVVvWk9zcG1McGNrNm9pS1dDZEpzZFUy&q=https%3A%2F%2Fwww.figma.com%2Fdesign%2FNFv4XcFdOcuFBHafr6f7qq%2FiOS-and-iPadOS-26--Community-%3Fnode-id%3D553-22762%26t%3D0HzAbARTLLJDxfow-1&v=9RUcYdww138)<span style="font-size: 14px; color: #181818">]</span> <br> #티안나는AI디자인 #designsystems #ClaudeDesign