Figma Draw — Figma 내의 일러스트레이션 및 벡터 편집 모드 — 는 2026년 5월에 가장 중요한 업데이트를 받았습니다. 주요 기능들: 자동 레이아웃이 Draw 모드에서 직접 작동 (Design으로 전환 불필요), 경로 상의 텍스트가 이제 기본 기능 (플러그인 불필요), 인라인 레이어 유형 라벨로 탐색이 더 쉬워짐, 그리고 더 풍부한 브러시와 텍스처 컨트롤로 표현 능력이 확장되었습니다. Figma의 AI 이미지 기능과 결합하여, Draw는 "UI 도구 내의 벡터 편집"에서 진정한 일러스트레이션 환경으로 진화하고 있습니다.
핵심 포인트
Figma Draw는 전용 일러스트레이션 도구와의 격차를 줄이고 있습니다. Draw에서의 자동 레이아웃은 가장 흔한 모드 전환 마찰을 제거합니다. 경로 상의 텍스트는 타이포그래피 플러그인의 필요성을 없애줍니다. 그리고 AI 통합 (Make Image가 Draw 모드에서 작동)은 순수 벡터 도구에는 없는 생성 기능을 추가합니다. UI 작업과 함께 일러스트레이션을 하는 디자이너들에게는 모든 것을 Figma에서 유지하는 것이 상당한 도구 전환 시간을 절약해줍니다.
Draw에서 변경된 사항 (2026년 5월)
| 기능 | 기능 설명 | 중요한 이유 | 업데이트 이전 |
|---|---|---|---|
| Draw에서 자동 레이아웃 | Design 모드로 전환하지 않고 자동 레이아웃 적용 | 모드 전환 없이 반응형 일러스트레이션 | 모드 전환이 필요했음 |
| 인라인 레이어 라벨 | 레이어 패널에 컴포넌트/인스턴스/텍스트 유형 표시 | 복잡한 파일에서 더 쉬운 탐색 | 일반적인 레이어 이름 |
| 경로 상의 텍스트 | 경로에 텍스트 추가 또는 원 위에 텍스트 생성 | 기본 기능으로 곡선 텍스트 (플러그인 불필요) | 플러그인이 필요했음 |
| 향상된 브러시 컨트롤 | 더 많은 압력, 기울기, 텍스처 옵션 | 더 표현력 있는 손그림 스타일 | 제한적인 브러시 옵션 |
| Draw에서 AI 이미지 | Make Image가 Draw 모드에서 직접 이미지 생성 | 벡터 작업과 함께 참조 이미지 | Design으로 전환해야 했음 |
가장 영향력 있는 변화: Draw에서의 자동 레이아웃
이 업데이트 이전에는 반응형 일러스트레이션 — 적절하게 확대/축소되는 아이콘, 텍스트 길이에 맞춰 조정되는 배지, 콘텐츠와 함께 리플로우되는 장식 요소 — 을 만들려면 Draw와 Design 모드 사이를 끊임없이 전환해야 했습니다. 일러스트레이션 작업은 Draw에서, 반응형 동작은 Design에서, 조정을 위해 다시 Draw로, 반응성을 확인하기 위해 다시 Design으로.
이제 자동 레이아웃이 Draw 내부에 있습니다. 일러스트레이션을 만들고, 자동 레이아웃을 적용하면, 반응형 동작이 같은 워크플로의 일부가 됩니다. 이것은 사소해 보이지만 UI 디자인과 함께 일러스트레이션을 만드는 디자이너들에게 가장 흔한 마찰 지점을 제거합니다. 아이콘 세트, 스팟 일러스트레이션, 애니메이션 요소 기반, 장식 컴포넌트 모두가 혜택을 받습니다.
AI + Draw 워크플로
가장 흥미로운 워크플로는 AI 생성과 수동 Draw 정제를 결합합니다:
1단계: Draw 모드에서 Make Image를 사용하여 참조 일러스트레이션을 생성합니다. 프롬프트: "노트북으로 작업하는 사람의 미니멀리스트 라인 일러스트레이션, 단일 굵기 스트로크, 보라색과 파란색 팔레트."
2단계: 생성된 이미지를 시각적 참조 레이어로 사용합니다 (불투명도를 20%로 줄임).
3단계: Draw의 벡터 도구를 사용하여 추적하고 정제하며, 특정 스타일을 추가하고, 비율을 조정하고, 브랜드의 일러스트레이션 가이드라인을 통합합니다.
4단계: 반응형 동작을 위해 자동 레이아웃을 적용합니다. 일관된 색상 토큰을 위해 변수를 적용합니다. 결과: AI 영감으로 시작했지만 인간의 장인정신이 있는 브랜드 일관성 있는 반응형 일러스트레이션.
이것은 더 넓은 AI 워크플로 패턴을 반영합니다: AI가 시작점을 생성하고, 인간이 판단과 기술을 추가합니다. Design Agent는 UI 화면에 대해 이것을 합니다. Draw + Make Image는 일러스트레이션에 대해 이것을 합니다. 원칙은 동일합니다: AI가 빈 캔버스 문제를 처리하고, 당신이 품질을 처리합니다.
더 나은 Make Image 결과를 위해서는 ICCSSE 프레임워크로 프롬프트를 구성하세요. "일러스트레이션"은 일반적인 결과를 만듭니다. "노트북으로 작업하는 사람의 미니멀리스트 라인 일러스트레이션, 2px 단일 굵기 스트로크, 브랜드 보라색 (#7C3AED)과 파란색 (#3B82F6)으로 제한, 흰 배경, 중앙 구성, 음영 없음, SaaS 대시보드의 200×200px 스팟 일러스트레이션에 적합"은 사용 가능한 결과를 만듭니다. 무료 Prompt Optimizer가 이 구조를 자동으로 추가해줍니다.
자주 묻는 질문
Figma Draw가 Adobe Illustrator를 대체하나요?
UI 관련 일러스트레이션 (아이콘, 스팟 일러스트레이션, 장식 컴포넌트)의 경우: 점점 그렇습니다. 복잡한 인쇄용 일러스트레이션, 고급 타이포그래피, 전문 벡터 편집, UI와 독립적으로 존재하는 일러스트레이션 작업의 경우: Illustrator가 여전히 더 유능합니다. Draw는 제품 디자이너에게 중요한 기능들에서 따라잡고 있지만, 아직 범용 일러스트레이션 대체재는 아닙니다.
Design Agent가 Draw에서 일러스트레이션을 만들 수 있나요?
Design Agent는 UI 컴포넌트 (프레임, 버튼, 텍스트, 이미지)와 작동하며, 자유형 벡터 일러스트레이션과는 작동하지 않습니다. Make Image는 Draw에서 참조로 사용할 수 있는 래스터 이미지를 생성합니다. AI 생성 벡터 일러스트레이션의 경우, Recraft나 SVG 전용 생성기와 같은 전용 도구가 더 나은 옵션입니다. 에이전트는 디자인 도구이지, 일러스트레이션 도구가 아닙니다.
경로 상의 텍스트가 마침내 기본 기능이 되었나요? 다른 도구들은 몇 년 전부터 이 기능이 있었는데요.
네 — 그리고 이것이 혁신이 아닌 따라잡기 기능이라는 지적이 맞습니다. Illustrator, Sketch, 심지어 Canva도 몇 년 동안 경로 상의 텍스트를 제공해왔습니다. Figma가 이 격차를 줄이는 것은 획기적이지 않습니다; 간단한 타이포그래피 작업을 위해 Figma를 떠날 이유를 제거하는 것입니다. 기본 기능으로 갖는다는 것은 플러그인 의존성과 컨텍스트 전환이 하나씩 줄어든다는 의미입니다.
Draw 개선사항이 AI 크레딧을 소모하나요?
아니요 — 자동 레이아웃, 경로 상의 텍스트, 브러시 컨트롤, 레이어 라벨은 AI 기반이 아닌 표준 Figma 기능입니다. Make Image (생성 이미지 도구)만 AI 크레딧을 소모합니다. 전통적인 그리기와 벡터 도구는 사용량 제한 없이 기본 구독에 포함됩니다.
일러스트레이터들이 Procreate나 Illustrator에서 Figma Draw로 전환해야 하나요?
독립적인 일러스트레이션 작업의 경우 아직은 아닙니다. Draw는 제품 디자인 내에 있는 일러스트레이션 — 아이콘, 스팟 일러스트레이션, 장식 UI 요소 — 에 가장 좋습니다. 독립적인 일러스트레이션 작업의 경우, Procreate (iPad, 자연스러운 미디어 느낌)와 Illustrator (데스크톱, 최대 벡터 능력)가 여전히 더 유능합니다. Draw의 장점은 워크플로 통합입니다: 모든 것이 Figma에 머물고, 디자인 시스템 토큰을 사용하며, 반응형으로 자동 레이아웃됩니다.
공개: 이 글의 일부 링크는 제휴 링크입니다. 우리는 직접 테스트하고 정기적으로 사용하는 도구만 추천합니다. 전체 공개 정책을 참조하세요.