피그마 MAKE AI 디자인 방법 기능 및 활용 팁

요즘 디자인하면 피그마를 빼놓을 수 가 없는데요. 최근 핫하게 떠오른 피그마 MAKE AI 디자인 방법을 알려드릴게요~!

디자인 협업 툴로 잘 알려진 피그마(Figma)에는 단순한 디자인 도구 이상의 강력한 기능들이 숨어 있습니다.
그중 하나가 바로 Make 기능으로, 반복적인 작업을 자동화하고 워크플로우를 간소화하는 데에 큰 도움을 줍니다.

이번글에서는 피그마 Make 기능의 핵심 개념부터 자동화 워크플로우 구성 방법, 그리고 실무에서 활용할 수 있는 팁까지 단계별로 정리해보겠습니다.

Make 기능이란?

피그마의 Make 기능은 디자이너와 팀이 반복적으로 수행하는 작업을 자동화하여 효율을 극대화하는 워크플로우 관리 기능입니다.

특정 조건에서 자동으로 동작하는 액션을 설정할 수 있습니다. 디자인 파일 내에서 작업을 체계적으로 연결해 중복된 단계를 줄입니다.

협업 과정에서 일관성을 유지할 수 있습니다. 즉, 단순히 화면을 디자인하는 툴이 아니라 프로세스를 자동화할 수 있는 플랫폼으로 확장된 것입니다.

1.피그마 Make Ai 디자인 방법

STEP 1. Make 기능 시작하기

Figma 계정 로그인 후, 메인화면에 보면 상단 메뉴가 보이는데 이 메뉴에서 Make 버튼을 선택합니다.

STEP 2. 원하는 디자인요청 프롬프트 입력

Make버튼을 클릭하면 새롭게 디자인을 완성할 수 있는 화면이 열리는데요. 왼쪽 하단에 보시면 프롬프트 입력창이 보입니다.

프롬프트 입력창에 완성하길 원하는 디자인을 입력 후 요청해봅니다. 저는 피트니스 앱의 로그인 화면 디자인을 완성해달라고 입력을 해봤어요

피그마 AI 디자인 방법 프롬프트 입력 : 피트니스 앱의 로그인 페이지 만들기

STEP 3 몇초만에 디자인 완성

프롬프트를 입력하면 알아서 기획 및 분석 후 이렇게 뚝딱 모바일 앱디자인을 완성해줍니다. 예전같으면 이런 페이지를 디자인할때 레퍼런스자료를 찾고 디자인 UI/UX는 어떤식으로 구성할지 너무 고민이었는데 이렇게 만들어주니

레퍼런스를 찾을 필요없이 참고해서 변형하거나 그대로 사용하기만 하면되는 세상이 왔어요~! 이번에 피그마 MAKE AI 디자인 방법을 잘 알아둔다면 정말 다양한 결과물을 쉽고 빠르게 만드실 수 있을거에요~!

STEP 4 응용해보기 [프롬프트 입력]

이번에는 내가원하는 디자인 스타일의 레퍼런스를 주었을때 (이미지를 업로드했을때) 어떻게 디자인을 출력해주는지 응용을 해보도록 할게요.

방법은 크게 어렵지 않습니다. 원하는 레퍼런스 이미지를 업로드하면서 이번엔 영어로 디테일하게 프롬프트를 입력해봅니다. 프롬프트는 다음과 같이 작성을 해줬어요~! 영문으로 작성했지만 한글로 번역하면 다음과 같습니다.

‘지친 사람들을 위한 요가매트 상세페이지를 만들어줘’라고 시작하면서 원하는 스타일을 조금 더 디테일하게 적어 가이드라인을 확실하게 주는것이 매우 중요해요.

[프롬프트]

Make a product detail landing page for a yoga mat.
Use a headline that appeals to tired or stressed people.
Include user quote-style sections that express their needs.
Show a large lifestyle image of someone doing yoga,
and a close-up of the mat texture.
Finish with a strong CTA that introduces the product.
Use a clean and soft modern layout.

[한글번역]

“지친 사람들을 위한 요가매트 상세페이지를 만들어줘.

● 감성적인 헤드라인으로 시작하고,
● 사용자들이 말하는 고민을 인용문 형태로 보여주고,
● 요가하는 모습과 매트 질감이 잘 보이는 이미지 자리 포함하고,
● 마지막엔 ‘이 제품이 해결해줄게요!’ 라는 CTA 문장으로 마무리해줘.
전체적으로 부드럽고 깨끗한 레이아웃으로.”

STEP 5 웹사이트 완성

프롬프트를 입력하면 이렇게 요가 웹사이트를 한번에 완성을 해줬습니다. 이제는 웹사이트 디자인도 크게 고민할 필요없이 피그마로 쉽게 디자인이 가능해졌는데요.

원하는 레퍼런스의 이미지 컬러나 스타일을 그대로 반영한걸 확인할 수 있고 개인적으로는 한글보다 영문이 아직까지는 조금 더 디자인이 퀄리티있게 잘나오는 것처럼 느껴집니다.

2. 피그마 Make Ai 실무 활용 팁

피그마 Make 기능은 다양한 상황에서 활용 가능해요~!

디자인 QA 자동화
→ 변경된 컴포넌트가 있으면 자동으로 QA 담당자에게 알림 전송

버전 관리 최적화
→ 특정 시간이 되면 자동으로 파일 백업 실행

팀 커뮤니케이션 강화
→ 새로운 시안 공유 시 메신저·이메일과 자동 연동

피그마 Make 기능은 단순히 디자인 작업을 넘어서, 팀 전체의 협업 방식을 자동화하고 최적화할 수 있는 강력한 도구입니다.
지금 바로 Make 기능을 활용해 반복 작업을 줄이고, 효율적인 디자인 워크플로우를 구축해 보세요!

3. 피그마 Make Ai 영상강의로 더 쉽게 마스터하기

챌린즈온 아카데미에서는 갓찌뇽의 브랜딩 실무 무료강의를 함께 제공하고 있어요~! 피그마의 Make Ai기능을 더 자세히 배우고 싶다면 영상강의를 활용해보세요~!