


안녕하세요. 이번 영상에서는 피그마(Figma)에 새롭게 추가된 Draw 기능을 활용하여 브러시, 벡터 드로잉, Fill 패턴까지 한 번에 익힐 수 있는 방법을 소개합니다.
Draw 모드를 통해 이제는 UI 작업뿐만 아니라, 자유로운 그래픽 표현과 감각적인 드로잉 작업까지 피그마 안에서 직접 가능해졌습니다.
이번 강의에서는 Pen, Brush, Pencil 도구는 물론, Variable Width, Custom Brush, Fill 패턴 기능까지 모두 실습을 통해 단계별로 설명드립니다. 툴을 오갈 필요 없이, 하나의 플랫폼에서 디자인과 일러스트를 함께 다루고 싶다면 이 강의를 꼭 시청해보세요.
Draw 기능이란?
기존의 UI/UX 중심 작업에서 벗어나 피그마 내에서 일러스트와 그래픽 작업까지 가능해진 점이 좋다고 생각합니다.
- 더 이상 외부 드로잉 툴을 거치지 않아도 됨
- 벡터 기반이라 수정이 자유롭고 성능도 우수
- 액션 바에서
Design / Dev
모드 외에Draw
탭이 새롭게 추가됨
한번 직접 사용해볼게요.
Draw 모드의 기본 도구
Pen / Brush / Pencil
- Pen: 선을 직접 점으로 조절해 만드는 전통적인 방식
- Brush: 브러시 효과를 적용한 자유로운 드로잉 가능
- Pencil: 손글씨 또는 자연스러운 드로잉 표현에 적합
모든 도구는 이후 Stroke 패널에서 조정 가능하며, 그릴 때마다 자동으로 벡터화됩니다.
Stroke Type: Dynamic Stroke
드로잉한 선을 더욱 생동감 있게 만들 수 있는 기능입니다. 이 기능을 활용하면, 자연스럽게 떨리는 선이나 부드러운 손드로잉 느낌을 연출할 수 있습니다.
옵션명 | 설명 |
---|---|
Frequency | 선의 반복 주기 (굴곡의 밀도) |
Wiggle | 선의 흔들림 정도 |
Smoothen | 곡선을 얼마나 부드럽게 할 것인지 |
Variable Width – 선 두께 자유롭게 조절
일러스트레이터에서 사용되는 가변 두께 표현(Variable Width) 기능도 피그마에 도입되었습니다.
사용법 요약
- 드로잉한 선을 선택
- Stroke 속성 패널에서
Variable Width
클릭 - 라인의 특정 구간을 선택해 두께를 조절
→ 일부 구간만 얇거나 굵게 설정 가능하여, 동적인 선 표현에 탁월합니다.
나만의 브러시 만들기: Custom Brush
피그마 Draw 기능의 강력한 특징 중 하나는, 브러시를 직접 생성할 수 있다는 점입니다.
브러시 생성 방법
- 벡터 객체를 선택 후 우클릭 →
Create Brush > Stretch Brush
- 또는
Cmd + /
→Create stretch brush
검색 실행
생성된 브러시는 아래 경로에서 사용할 수 있습니다.
Stroke settings > Brush 탭 > Brushes > 하단에서 선택
브러시 이름도 변경 가능하여 체계적인 관리 가능합니다.
Fill 패턴 적용 기능
단순 색상 채우기에서 벗어나, 패턴 기반의 Fill을 적용할 수 있습니다.
사용법
- Fill 영역 클릭
- 패턴 타입에서
Select source
선택 - 원하는 그래픽 요소(프레임 or 레이어)를 연결
항목 | 설명 |
---|---|
Tile type | 반복 방식 (Grid, Brick 등) |
Scale | 패턴 크기 조절 |
Spacing | 패턴 간격 조절 |
Alignment | 위치 정렬 설정 가능 |
이 기능을 활용하면, 반복 무늬, 배경 그래픽, 질감 표현 등에 활용도가 높습니다. 이젠 간단한 일러스트도 피그마에서 그릴 수 있습니다. 툴을 오갈 필요 없이, Draw 모드로 그래픽까지 한번에 완성해보세요.