피그마 AI, 디자이너의 생산성을 30배 높이는 비밀: MCP와 메이크 활용법

디자이너 '피튜브'의 피그마와 AI 활용 여정

10년 차 UX/UI 디자이너이자 피그마 전문가로 활동하는 한 전문가는 1인 사업가로서 '피튜브' 유튜브 채널과 '피그마 튜터' 인스타그램을 운영하며 활발히 활동하고 있습니다. 그는 디자인 프로젝트와 클라이언트 홍보 대행 업무를 수행하며 피그마를 전문적으로 활용하고 있습니다.

• 피그마 입문 (2019년): 새로운 이직을 준비하며 피그마를 독학으로 익히기 시작했습니다. 당시 학습 자료가 부족하여 스스로 정리하며 학습한 것이 계기가 되어 강의 활동으로 이어졌습니다.
• AI 도입 계기: 다른 디자이너나 비개발자들이 AI 툴을 개발하여 공유하는 것을 보고 자극을 받아, 개인 작업의 효율성을 높이고자 AI를 적극적으로 도입하기 시작했습니다.

AI는 디자이너의 일을 대체하는가?

이 전문가는 AI가 디자이너의 일을 빼앗기보다 '증폭제' 역할을 한다고 강조합니다. AI 기술이 빠르게 발전하며 새로운 도구들이 계속 등장하지만, 아이디어를 내고 최종 결정을 내리는 주체는 여전히 사람이라는 사실은 변하지 않는다는 설명입니다.

알아두세요!
이 전문가는 AI를 활용하는 디자이너와 그렇지 않은 디자이너 간의 격차가 더욱 커질 것이며, AI는 비전문가를 준 전문가 수준으로 끌어올리고 전문가의 능력을 증폭시키는 기폭제 역할을 할 것이라고 이야기합니다.

실제로 AI 툴 등장 이후 업을 그만둔 사례도 있지만, AI를 자신의 능력에 접목하면 '날개'를 달아주는 것과 같다고 덧붙였습니다. 특히 MCP(Multi-modal Co-Pilot)의 등장은 LLM(대규모 언어 모델)에 토르의 망치를 쥐여준 것과 같아, 이제는 AI에 올라타지 않으면 사람이 상대하기 어려운 수준에 이르렀다고 표현했습니다. 이는 AI를 사용하는 사람이 AI를 사용하지 않는 사람을 대체할 것이라는 전문가들의 견해와도 일맥상통합니다.

AI, 디자이너의 새로운 영역을 열다

기존 디자이너의 영역이 특정 부분에 국한되었다면, AI 기술을 통해 개발 영역까지 아우르는 올라운드 디자이너가 되는 것이 가능해졌습니다. 이는 디자이너에게 독보적인 존재로 성장할 수 있는 기회를 제공합니다.

디자이너의 AI 활용 영역

이 전문가는 현재 업무에서 AI를 다음과 같은 영역에서 적극적으로 활용하고 있습니다.

• 아이데이션 단계 시각화: 구체적인 아이디어를 시각화할 때 AI 툴에 간단한 프롬프트를 입력하여 여러 아웃풋을 빠르게 생성하고 판단하여 고도화합니다. 이를 통해 불필요한 시간 낭비를 줄이고 효율성을 높입니다.
• 비주얼 및 이미지/영상 제작: 간단한 이미지나 영상을 AI를 활용하여 적극적으로 만들고 있습니다.
• 디자인 업무 효율화:
  • 플러그인 개발: AI 툴(Cursor)을 활용하여 작업 시간을 단축하는 플러그인을 직접 개발하여 사용합니다.
  • 프로토타이핑: AI 툴에 아웃풋을 넣어 프로토타이핑을 제작하며, 직접 작업하는 것보다 훨씬 높은 퀄리티와 빠른 속도를 경험하고 있습니다.

주요 AI 활용 툴

이 전문가는 주로 다음과 같은 AI 툴을 활용합니다.

• Cursor: 코딩 작업을 위해 결제하여 사용하는 주력 툴입니다. 비개발자에게는 진입 장벽이 있지만, 업무 효율화에 대한 확신으로 적극적으로 사용하고 있습니다.
• Rurable (러버블): 파이프 코딩 툴로, 비개발자도 프롬프트만으로 백엔드 데이터 수집 및 구현이 가능하다는 점에서 큰 충격을 받았다고 합니다. 지도나 채팅 정보 같은 API를 디자인에 연동하는 것이 가능해져 혁신적이라고 평가했습니다.

AI 시대, 정보 습득의 중요성

이 전문가는 빠르게 변화하는 AI 기술 트렌드를 따라잡기 위해 다양한 채널을 활용합니다.

• 지피터스: 새로운 기술이나 활용 사례를 공유하는 커뮤니티로, 많은 정보를 얻는 데 활용합니다.
• LLM 모델 활용: 챗봇을 만들어 매일 AI 관련 뉴스를 요약해서 받아봅니다.
• 해외 사이트 (Reddit, Medium): 한국보다 빠르게 소식과 발전이 이루어지는 해외 콘텐츠를 주로 참고합니다. 특히 영어 기반의 LLM이 출력물 완성도가 높아 디자인 분야에서도 해외 사례가 많이 쏟아지고 있습니다.

MCP(Multi-modal Co-Pilot)와 피그마 메이크

이 전문가는 피그마와 MCP, 그리고 피그마 메이크의 등장이 디자인 업무의 미래를 바꿀 것이라고 확신합니다.

MCP의 등장과 활용

MCP를 피그마에 연결했을 때, 느리지만 스스로 작업을 처리하는 모습에 미래를 보았다고 합니다. 디자이너가 MCP를 활용하여 얻을 수 있는 이점은 다음과 같습니다.

1. 자동 주석, 요약, 분류: 디자인 주석을 자동으로 달고 요약하며, 재해석하여 카테고리 분류 작업을 수행합니다. 이는 개발자와의 소통에도 큰 도움이 됩니다.
2. 디자인 제작 및 모드 변경: 디자인 자체를 제작하거나, 라이트 모드를 다크 모드로 변경하는 등 디자인 작업을 수행합니다. 속도는 다소 느리지만 정확도가 높습니다.
3. 컴포넌트 교체: 피그마 에셋(컴포넌트)을 전체 화면에서 일괄적으로 교체하는 작업을 MCP에게 지시할 수 있습니다. 수십 분 걸리던 작업을 2~3분 만에 처리합니다.
4. 화면 플로우 및 프로토타이핑 이해: 화면 간의 관계를 이해하여 흐름을 연결하고, 프로토타이핑에 대한 설명을 자동으로 생성합니다.
5. 콘텐츠 텍스트 반영: 캡처 이미지에 텍스트를 넣어주면 디자인에 자동으로 반영하여 잔 작업을 줄여줍니다.

피그마 메이크 (Figma Make)

피그마 메이크는 파이프 코딩 툴로, MCP가 작업 수정 위주라면 메이크는 디자인 아이디어를 직접 구현하는 데 사용됩니다. 커서와 같은 다른 툴에 비해 접근성이 매우 높아 비개발자도 쉽게 사용할 수 있으며, 자연어 인식률이 높고 디자인과 유사한 아웃풋 구현에 용이합니다.

• 활용성: 간단한 프롬프트 입력만으로 복잡한 UI 화면(예: 수량 계산 화면, 퀴즈 프로그램 등)을 몇 분 만에 구현할 수 있습니다. 이는 기존에 2주 이상 걸리던 디자인 작업과 한 달 이상 걸리던 개발 구현 시간을 혁신적으로 단축시킵니다.
• API 연동: GPT API를 연동하여 채팅 화면을 구현하거나, 구글 지도 API를 연동하여 실제 지도 기능을 디자인에 쉽게 통합하는 등 상상 이상의 작업이 가능합니다.
• 디자인 시스템 연동: 앞으로 디자인 시스템과의 쉬운 연동을 지원할 예정이어서 더욱 발전할 가능성이 높습니다.
• 유료 서비스: 피그마 유료 요금제에 포함되어 있습니다.

구글 스티치 (Google Stitch)!
구글 스티치는 구현한 작업물을 피그마 원본으로 가져올 수 있는 툴로, 토스 약관 캡처본을 스티치로 구현하고 피그마로 가져오는 등 기존에 디자인을 못하던 사람들에게도 큰 도움이 될 수 있습니다.

디자이너를 위한 조언

이 전문가는 디자이너들에게 작은 것부터 시작하는 '베이비 스텝'을 강조합니다. 거창한 것을 목표하기보다 자신에게 필요한 작업 플로우를 AI를 통해 개선해 보는 경험을 해보는 것이 중요하다고 조언합니다. 이는 AI의 효용성을 직접 느끼고 행동으로 옮기는 계기가 될 것입니다.

핵심 요약: AI 시대, 디자이너의 혁신적인 변화

AI 기술은 디자이너의 역할을 대체하기보다 업무 효율성을 극대화하고 새로운 가능성을 열어주는 증폭제입니다. 특히 피그마와 결합된 MCP 및 피그마 메이크는 디자이너에게 다음과 같은 혁신을 제공합니다.

1. AI는 디자이너의 조력자: 아이디어 시각화부터 비주얼 제작, 디자인 업무 자동화까지 다양한 영역에서 AI를 활용하여 작업 시간을 획기적으로 단축할 수 있습니다.
2. MCP의 파워: 피그마 디자인에 자동 주석, 모드 변경, 컴포넌트 일괄 교체, 화면 플로우 이해 등 복잡한 작업을 AI에게 맡겨 생산성을 크게 향상시킬 수 있습니다.
3. 피그마 메이크의 혁신: 비개발자도 프롬프트만으로 디자인 아이디어를 빠르게 구현하고, API를 연동하여 실제 작동하는 프로토타입까지 만들 수 있는 파이프 코딩 툴입니다.
4. 학습과 적응의 중요성: 지피터스, 레딧, 미디엄, 트위터 등 다양한 채널을 통해 최신 AI 정보를 습득하고, 직접 툴을 사용하며 작은 것부터 경험하는 것이 중요합니다.
5. 올라운드 디자이너의 시대: AI를 통해 디자이너가 개발 영역까지 넘나들며, 이전에는 상상하기 어려웠던 수준의 결과물을 창출할 수 있는 '코딩의 시대'가 도래했습니다.

자주 묻는 질문

AI 기술의 발전은 디자이너에게 전례 없는 기회를 제공하고 있습니다. 피그마와 AI의 결합을 통해 디자인 업무의 효율성을 극대화하고 새로운 영역으로 확장하는 것은 이제 선택이 아닌 필수가 되고 있습니다. 빠르게 변화하는 흐름 속에서 AI를 적극적으로 탐색하고 자신만의 방식으로 적용한다면, 디자이너는 더욱 독보적인 존재로 성장할 수 있을 것입니다.