🔎 #720. AI 에이전트로 Figma에 직접 디자인하는 법(Figma MCP)

안녕하세요?
매일 사람이 쓰는 뉴스레터 Daily Prompt입니다.

오늘은 AI 에이전트로 Figma에 직접 디자인하는 법을 소개합니다.

Figma, 쓰기 가능한 MCP 공개

3월 24일, Figma가 MCP(Model Context Protocol) 서버를 공개했습니다. 이제 Claude Code와 같은 AI 에이전트가 Figma 파일에 직접 접근해서 프레임, 컴포넌트, 오토레이아웃, 변수를 생성하고 수정할 수 있습니다. 베타 기간 동안 무료라고 합니다.

• MCP란? 쉽게 말해 AI가 다른 앱을 직접 조작할 수 있게 해주는 연결 통로입니다.

MCP를 써보려면 Claude Code를 설치하고 Figma MCP를 연결해야하는데요, 이 과정을 뉴스레터로 다루기엔 방대하여, 일단 둘 다 준비되었다는 전제하에 프롬프트 입력 결과를 우선 공유드립니다.

Figma MCP로 로그인 화면 만들기

먼저 Figma에서 새 파일을 만들어 오픈한 뒤, 빈 페이지의 URL을 복사합니다. 그런 다음 아래 프롬프트를 클로드 코드에 입력합니다. (새 파일을 만들지 않아도 생성해주지만, 저장 경로를 지정하고 싶은 분께 추천합니다.)

오늘의 프롬프트:

오늘의 프롬프트 입력 결과: 참고로 아래 디자인을 한 뒤, 추가 수정을 하려면 유료구독을 해야 했습니다.

Google Stitch와의 차이점

지난 520회와 687회에서 자연어로 생성되는 디자인을 소개드렸습니다(gemini가 생성). Stitch에서 원하는 바를 말해 UI를 생성할 수 있고, 게다가 피그마 붙여넣기도 가능합니다. 오늘처럼 Claude code와 Figma를 연결하면, 왔다갔다 할 필요 없이 에이전트가 Figma에 디자인 파일을 생성하고, 수정을 지시하면 그 디자인 수정도 반영됩니다.

🔎 #520. UI 생성 후 피그마 붙여넣기(Google Stitch)

Google, UI 디자인 생성하는 Stitch 발표

Daily PromptSoyeong Choi

🔎 #687. 디자인이 막막할 때 Stitch Ideate를 사용해보세요

Stitch to Figma 붙여넣기도 가능합니다

Daily PromptSoyeong Choi

마무리

1. 클로드 코드가 피그마를 사용해 디자인을 하는 모습을 화면녹화해서 공유드리려고 했으나, 한 번에 쨘! 하고 만들어버리는 바람에 영상이 소용이 없게 되었습니다. 오늘의 프롬프트를 입력하면 바로 결과물이 한 번에 만들어진다고 이해하시면 되겠습니다.
2. 이제 Figma에서 사람이 하나하나 만들던 시대에서, 코딩 에이전트가 초안을 작업하고, 사람이 이를 다듬거나 검수하는 방식으로 변화하게 될 것입니다. 만드는 것은 AI가 하므로, 프롬프트에 디자인 시스템을 입력하고(혹은 파일 첨부), 원하는 바를 텍스트로 잘 표현하는 것이 더 중요해졌습니다. 따라서 디자인 시스템을 잘 정리해두는 것이 필요합니다.
3. ​이전에도 Figma MCP는 존재했습니다. 그 때는 '읽기'만 가능해서 디자인을 생성하거나 수정하는 것이 불가능했습니다. 이렇게 '쓰기'까지 오픈한 이유는, Figma를 쓰지 않고도 디자인을 할 수 있기 때문입니다. 최근 Codex에 이어 Claude Code까지 사용해보며, Figma의 위기라고 느껴질 정도로 Figma 없이 디자인이 가능했습니다. 이런 위기감으로 인해 '쓰기' 기능을 오픈한 것으로 추측됩니다.
4. AI가 만든 디자인을 보고 '너무 AI스럽고 천편일률적이다. 아직은 사람이 낫다.'고 비판하는 경우도 많습니다. 그러나 누군가는 그 문제를 해결하고 있습니다. 문제를 해결한 분은 빠르게 주목을 받고 시장을 선점한 효과를 누리게 될 것입니다. 이제 사람에게 필요한 것은 '문제를 발견하고 해결하기 위해 AI를 쓰는 것'입니다.

Event

좋아요로 응원해주시면, 트렌드 리포트를 보내드려요!

Daily Prompt 뉴스레터에서 <오늘의 Midjourney Prompt & Music> 코너를 연재중인 재홍님이 아래와 같이 뉴욕 전시 Open Call 후보에 올라와 있습니다.

재홍님의 작품에 좋아요를 눌러 응원해주시고, 이 링크로 인증해주시면 Daily Prompt의 시각이 담긴 트렌드 리포트를 보내드립니다.

• 리포트 발송 시작: 4월 중순 예정

오늘의 Midjourney Prompt & Music

아래 Midjourney 이미지를 음악과 함께 감상해보세요:)

Storm

0:00

/0

1×

프롬프트 (by@jae_hong__an) :

procedural 3D render, blind deaf goddess statue, eyes sealed, ears covered, standing unmoved in a violent storm, broken stone pedestal on a sea cliff, rain and lightning, monumental stillness, dusk sky, cold cobalt and slate blue, silver-white highlights, volumetric rain, rear three-quarter view, medium wide framing, strong negative space, wet marble, eroded cracks, mist, drifting spray, faint cloth flutter --chaos 5 --ar 4:3 --quality 4 --raw --stylize 500 --hd --v 8