Figma의 드로잉 툴: 펜 툴과 연필 툴의 진화와 활용-일러스트레이터의 경쟁자
Figma Config 2025에서 Figma Draw가 발표되면서, Figma는 단순한 UI/UX 디자인 툴을 넘어 보다 광범위한 시각적 표현과 일러스트레이션 영역으로 그 역량을 확장했습니다. '드로잉 툴'이라는 표현이 이전에도 있었던 펜 툴과 연필 툴을 포함하지만, Figma Draw는 이들을 재구축된 벡터 엔진 위에 올려놓고 새로운 기능들을 추가하여, 디자이너들이 외부 툴을 사용하지 않고도 Figma 내에서 높은 수준의 일러스트레이션 작업을 할 수 있도록 지원합니다.
1. Figma Draw의 핵심 요소 및 특징
Figma Draw는 기존 펜 툴과 연필 툴의 기능을 강화하고, 새로운 도구들을 추가하여 벡터 드로잉의 정교함과 표현력을 동시에 높였습니다.
1) 향상된 벡터 편집 기능
- Shape Builder (셰이프 빌더)
Adobe Illustrator와 같은 전문 일러스트레이션 툴에서 볼 수 있었던 기능으로, 여러 겹쳐진 도형이나 선을 쉽게 합치거나 잘라내고, 교차 영역을 조작하여 복잡한 형태를 직관적으로 만들 수 있습니다. 이는 Boolean 연산보다 훨씬 유연하고 빠르게 도형을 구성하는 데 도움을 줍니다.
- Lasso Selection (올가미 선택 툴)
특정 영역 내의 벡터 점(노드)이나 패스 세그먼트를 자유롭게 선택할 수 있어, 복잡한 드로잉에서 특정 부분을 정교하게 수정하거나 이동하는 데 용이합니다.
- Multi-Edit for Vectors (벡터 다중 편집)
여러 벡터 오브젝트의 앵커 포인트나 핸들을 동시에 선택하고 편집할 수 있는 기능으로, 복잡한 일러스트레이션의 특정 부분을 일괄적으로 수정할 때 시간을 크게 단축시킵니다.
- Optimized Vector Editing (최적화된 벡터 편집)
기존 Figma의 벡터 엔진을 재구축하여, 더 부드럽고 정확한 패스 편집 경험을 제공합니다. 이는 더 적은 수의 앵커 포인트로도 복잡한 곡선을 표현할 수 있게 하여 파일 크기를 최적화하고 성능을 향상시킵니다.
2) 표현력 향상 도구
- Brushes (브러시)
다양한 브러시 스타일을 제공하여, 단순히 균일한 두께의 선을 넘어 필압이나 질감을 가진 듯한 선을 그릴 수 있습니다. 이는 일러스트레이션에 더 많은 개성과 예술적 표현을 더할 수 있게 합니다.
- Pattern Fills & Textures (패턴 채우기 및 질감)
레이어나 선에 반복되는 패턴이나 질감을 적용할 수 있는 기능입니다. 이는 배경, 복잡한 도형, 특정 UI 요소에 시각적인 깊이와 디테일을 추가하여 디자인의 풍부함을 더합니다.
- Text on a Path (패스를 따라가는 텍스트)
어떤 벡터 패스 위에도 텍스트를 정렬하고 흐르도록 할 수 있는 기능입니다. 로고 디자인, 포스터, 복잡한 레이아웃 등 타이포그래피를 창의적으로 활용해야 할 때 유용합니다.
- Progressive Blur (점진적 블러)
한 방향으로 점진적으로 블러(흐림 효과)가 적용되는 기능으로, UI 요소에 깊이나 시각적 포커스를 더하거나, 배경에 부드러운 전환 효과를 줄 때 사용될 수 있습니다.
3) 형태 제어 및 반복 기능
- Radial and Linear Repeaters (방사형 및 선형 반복):
특정 도형이나 패턴을 원형 또는 직선 형태로 쉽게 반복하여 배치할 수 있는 기능입니다. 복잡한 패턴 배경, 기하학적 문양, 방사형 차트 등을 빠르고 정확하게 생성하는 데 도움을 줍니다.
- Editable Rotation Origin (편집 가능한 회전 원점)
오브젝트를 회전할 때 기준이 되는 원점을 사용자가 자유롭게 설정할 수 있어, 더욱 정교하고 다양한 회전 애니메이션이나 배치 효과를 구현할 수 있습니다.
2. Figma Draw의 활용 방안
Figma Draw는 다음과 같은 디자인 작업에서 강력한 이점을 제공합니다.
- 브랜드 아이덴티티 요소 제작
로고, 심볼, 타이포그래피 처럼 브랜드의 핵심 시각 요소를 Figma 내에서 직접 정교하게 디자인하고 수정할 수 있습니다.
- 아이콘 시스템 및 커스텀 UI 컴포넌트
표준 UI 컴포넌트 외에 서비스의 개성을 담은 독창적인 아이콘 세트나 커스텀 버튼, 입력 필드 등을 세밀하게 제작할 수 있습니다.
- 마케팅 일러스트레이션 및 에디토리얼 그래픽
웹사이트 배너, 소셜 미디어 콘텐츠, 블로그 포스트의 시각 자료 등 마케팅 및 콘텐츠 제작에 필요한 고품질 일러스트레이션을 외부 툴 없이 Figma에서 직접 작업하여 일관된 디자인 시스템을 유지할 수 있습니다.
- 복잡한 배경 및 질감
UI에 깊이를 더하는 복잡한 벡터 배경이나, 특정 요소에 적용될 섬세한 질감 패턴을 쉽게 만들 수 있습니다.
3. Figma Draw의 장점 및 중요성
- 올인원 워크플로우 강화
가장 큰 장점은 디자인 워크플로우를 Figma 내에서 완벽하게 통합**한다는 점입니다. 과거에는 UI/UX 디자인은 Figma에서 하고, 복잡한 아이콘이나 일러스트레이션은 Illustrator 같은 외부 툴에서 작업한 후 Figma로 가져오는 번거로운 과정을 거쳐야 했습니다. Figma Draw는 이러한 툴 전환의 마찰(friction)을 제거**하여 작업 효율성을 크게 높입니다.
- 일관성 유지 용이
모든 디자인 요소가 하나의 파일 내에 존재하므로, 색상, 타이포그래피, 스타일 등 **디자인 시스템의 모든 규칙을 일러스트레이션에도 일관되게 적용**하기 용이합니다. 이는 브랜드 아이덴티티를 더욱 강력하게 유지하는 데 기여합니다.
- 실시간 협업 확장
Figma의 핵심 강점인 '실시간 협업' 이 드로잉 영역으로 확장됩니다. 여러 디자이너가 동시에 일러스트레이션 작업을 하거나, PM이나 개발자 등 다른 팀원들이 실시간으로 피드백을 주고받을 수 있습니다.
- 벡터 기반의 유연성과 확장성
Figma Draw로 만들어진 모든 요소는 벡터 기반이므로, 어떤 크기로 확대하거나 축소해도 품질 손상 없이 선명하게 유지됩니다. 이는 다양한 디바이스와 해상도에 유연하게 대응해야 하는 현대 디자인 환경에 필수적입니다.
- 창의적 표현의 확장
기존 Figma의 UI 컴포넌트 중심의 작업에서 벗어나, 디자이너들이 보다 자유롭고 창의적인 시각적 표현을 Figma 내에서 시도할 수 있도록 지원합니다. 이는 디자인의 깊이와 다양성을 더해줄 것입니다.
- '진정한 Illustrator 경쟁자' 로의 진화
많은 디자이너들이 Figma Draw의 출시를 통해 Figma가 Adobe Illustrator와 같은 전문 벡터 그래픽 툴의 영역에 본격적으로 진입했다고 평가합니다. 이는 Figma가 UI/UX 디자인 툴을 넘어 광범위한 크리에이티브 작업을 위한 '플랫폼'으로 진화하고 있음을 보여줍니다.
Figma Draw는 Config 2025에서 발표된 Figma Sites, Figma Make, Figma Buzz, Grid와 같은 다른 신제품들과 함께 Figma의 '올인원 제품 개발 솔루션' 비전을 강화하는 중요한 축이 됩니다. 디자이너들은 이제 Figma 하나만으로도 아이디어 스케치부터 UI 디자인, 프로토타입, 웹사이트 구축, 그리고 고품질의 벡터 일러스트레이션까지 커버할 수 있게 된 것입니다.
