피그마 draw 기능

Draw 기능 활용법: 브러시, 벡터 드로잉, Fill 패턴까지 한 번에 익히기 – 피그마 강좌 4-3

안녕하세요. 이번 영상에서는 피그마(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) 기능도 피그마에 도입되었습니다.

사용법 요약

  1. 드로잉한 선을 선택
  2. Stroke 속성 패널에서 Variable Width 클릭
  3. 라인의 특정 구간을 선택해 두께를 조절

→ 일부 구간만 얇거나 굵게 설정 가능하여, 동적인 선 표현에 탁월합니다.

나만의 브러시 만들기: Custom Brush

피그마 Draw 기능의 강력한 특징 중 하나는, 브러시를 직접 생성할 수 있다는 점입니다.

브러시 생성 방법

  • 벡터 객체를 선택 후 우클릭 → Create Brush > Stretch Brush
  • 또는 Cmd + /Create stretch brush 검색 실행

생성된 브러시는 아래 경로에서 사용할 수 있습니다.

Stroke settings > Brush 탭 > Brushes > 하단에서 선택

브러시 이름도 변경 가능하여 체계적인 관리 가능합니다.

Fill 패턴 적용 기능

단순 색상 채우기에서 벗어나, 패턴 기반의 Fill을 적용할 수 있습니다.

사용법

  1. Fill 영역 클릭
  2. 패턴 타입에서 Select source 선택
  3. 원하는 그래픽 요소(프레임 or 레이어)를 연결
항목설명
Tile type반복 방식 (Grid, Brick 등)
Scale패턴 크기 조절
Spacing패턴 간격 조절
Alignment위치 정렬 설정 가능

이 기능을 활용하면, 반복 무늬, 배경 그래픽, 질감 표현 등에 활용도가 높습니다. 이젠 간단한 일러스트도 피그마에서 그릴 수 있습니다. 툴을 오갈 필요 없이, Draw 모드로 그래픽까지 한번에 완성해보세요.