AI 루트
레벨 진단
← 이미지·디자인

Figma AI로 UI 초안 10분 만에 뽑기 — 텍스트 → 완성 화면

기초약 15분5단계

Make Design에 화면 설명을 문장으로 넣으면 UI 초안이 나옵니다. Auto Layout까지 자동으로 잡혀서 그대로 수정해 쓸 수 있어요.

따라 하기

1단계 / 5

Figma AI 활성화 — Make Design 진입

  1. 1figma.com에서 계정으로 로그인합니다.
  2. 2처음이라면 오른쪽 상단 Get started for free로 무료 가입하세요.
  3. 3로그인 후 대시보드에서 New design file 버튼을 클릭해 새 파일을 만듭니다(또는 기존 파일 열기). 편집 화면 상단 바 오른쪽에 있는 AI 별표 아이콘(반짝이 모양)을 클릭하거나, 캔버스 빈 곳에서 우클릭›Figma AI›Figma AI 패널이 열립니다.
  4. 4Make Design을 클릭합니다.
  5. Figma AI는 Professional 이상 플랜(유료) 또는 Education 계정에서 사용 가능합니다.
  6. 상단 바에 AI 아이콘이 보이면 활성화된 것입니다.
Figma 열기

이해를 돕는 예시 그림이에요. 실제 화면과 다를 수 있어요.

figma.com
Figma
최근 항목
즐겨찾기
내 초안
공유된 항목
+ 새 디자인 파일
최근 항목
UI 디자인 시스템
수정됨 1일 전
랜딩페이지 v2
수정됨 1일 전
모바일 앱 프로토타입
수정됨 1일 전

팁 Education 플랜은 .edu 이메일로 무료 신청 가능 — AI 기능 포함

처음이라 잘 모르겠다면

Figma 메뉴›Resources(Shift+I)›Plugins에서 Make Design을 검색해 실행하세요.

막히면 볼 것

자주 하는 실수 3가지
  1. 1프롬프트를 너무 짧게 입력 → 뭉뚱그린 결과 — '앱 홈 화면' 대신 '음식 배달 앱, 검색창·카테고리·카드 레이아웃' 처럼 구체적으로
  2. 2Auto Layout 미적용 상태에서 요소 배치 → 반응형 불가 — AI 생성 후 반드시 Auto Layout 적용 확인
  3. 3레이어 이름 정리 생략 → 개발자 전달 시 혼란 — Rename Layers AI 기능 필수 사용
AI 없이 할 때와 뭐가 다른가요?

텍스트 설명 한 줄로 UI 초안 생성

로그인 화면 만들어야 하는데 피그마 어떻게 쓰는지도 모르겠고...
나
디자이너한테 부탁하면 하루 기다려야 하는데
나