Figma AI 통합 및 제품 진화

디지털 디자인에서 AI를 플랫폼 전환으로

Figma는 AI를 단순한 기능 집합이 아니라 디지털 제품을 만드는 방식을 재정의하는 플랫폼 전환으로 통합하고 있습니다. AI가 텍스트 편집, 이미지 생성, 레이어 자동 이름 지정과 같은 일상적인 작업을 처리하는 동안, 디자인의 핵심 가치는 여전히 인간의 장인 정신, 공감, 문제 해결에 중심을 둡니다.

Figma Make: 프롬프트‑투‑앱 기능

Figma Make는 언어, 이미지 또는 구조화된 프레임으로부터 프로덕션 수준의 코드를 생성할 수 있게 해 주는 프롬프트‑투‑앱 도구입니다. 이 도구는 디자이너, 제품 매니저, 엔지니어, 마케터가 깊은 기술 전문 지식 없이도 아이디어를 프로토타이핑하고 표현할 수 있도록 기술 장벽을 제거합니다.

창의 레이어 확장

Figma는 AI 기능을 시각적 영역을 넘어 언어와 코드까지 확장했습니다. 주요 추가 기능은 다음과 같습니다:

  • Code Composer: 플랫폼 내에서 AI 지원 코드를 작성하고 게시할 수 있는 도구.
  • Code Layers: 사용자가 AI가 생성한 코드를 편집·정제하여 최종 제품에 대한 정확한 제어를 유지할 수 있게 하는 통합.

디자이너‑개발자 협업 강화

AI는 디자인 목업과 프로덕션 준비된 코드 사이의 격차를 메우는 데 활용되어 핸드오프 과정에서의 마찰을 줄이고 있습니다.

Dev Mode와 MCP Server

Dev Mode는 CSS와 토큰과 같은 구조화된 데이터를 제공해 핸드오프를 간소화합니다. Model Context Protocol (MCP) 서버는 이를 한 단계 끌어올려, 개발자가 전체 컨텍스트를 활용해 목업을 프로덕션 준비 코드로 변환하는 코딩 에이전트를 호출할 수 있게 함으로써 수동 복사·붙여넣기의 필요성을 없앱니다.

핸드오프로서의 프로토타이핑

Figma Make가 상호작용을 정밀하게 프롬프트할 수 있기 때문에, 생성된 코드는 엔지니어가 바로 프로덕션에 복사해 넣을 수 있는 핸드오프 산출물로 점점 더 활용되고 있어 프로토타입에서 최종 제품으로의 전환 속도를 높입니다.

전문 디자이너의 진화

아이디어 생성 및 기본 레이아웃 구현 비용이 낮아짐에 따라, 전문 디자이너의 역할은 "구현자"에서 "문제 해결사" 및 "비전 전달자"로 변화하고 있습니다.

  • 장인 정신에 집중: AI가 "바쁜 작업"을 처리함에 따라 디자이너는 애니메이션, 인터랙션, 전반적인 사용자 경험에 더 깊이 집중할 수 있습니다.
  • 진입 장벽 낮추기: AI 덕분에 비기술 직원도 기능적인 도구를 만들 수 있습니다. 예를 들어, Figma의 HR 팀은 코딩이나 디자인 경험 없이 Figma Make를 활용해 Workday API 기반 온보딩 게임을 구축했습니다.
  • 멀티플레이어 AI: Figma는 동일 파일 내에서 여러 사용자가 실시간으로 AI 어시스턴트와 공동 창작할 수 있는 협업 AI 경험을 향해 나아가고 있습니다.

내부 AI 숙련도와 조직 차원의 도입

Figma는 "dogfooding"과 풀뿌리 실험을 전략으로 삼아 전 직원의 AI 숙련도를 높이고 있습니다.

내부 이니셔티브

  • The Great Figma Bake Off: 전사적인 경쟁으로, 직원들이 Figma Make를 사용해 프로젝트를 구축하며 AI에 대한 자신감을 키웁니다.
  • Maker Weeks: 모든 직원에게 열려 있는 일주일 해커톤으로, 영상, 도움말 문서, Slack 통합 GPT 등 다양한 실험을 장려합니다.
  • ChatGPT Enterprise: 조직 전체에 배포되어 보안·프라이버시를 고려한 환경에서 피치 다듬기와 커뮤니케이션 초안을 작성하도록 지원합니다.

채택에 대한 문화적 접근

Figma는 명령보다는 실험 문화를 중시합니다. 여기에는 특정 데이터 가드레일을 갖춘 실험 도구를 위한 "컴플라이언스 패스트 패스"를 만들어, 팀이 최소한의 마찰로 새로운 AI 도구를 테스트하고 실제 가치를 발견할 수 있게 하는 것이 포함됩니다.

Sources