Figma의 진화: 코드 레이어, AI 플러그인, 그리고 모션 지원

Figma는 최신 대규모 업데이트를 통해 디자인과 개발 사이의 경계를 근본적으로 재정의하고 있습니다. 협업 캔버스에 코드 레이어와 생성형 AI 기능을 직접 통합함으로써, 이 플랫폼은 정적인 프로토타이핑 도구에서 역동적이고 다학제적인 환경으로 변모하고 있습니다.

코드 레이어를 통한 간극 해소

"디자인-투-코드(design-to-code)"의 동등성을 향한 중요한 행보로, Figma는 멀티플레이어 캔버스에 코드 레이어를 직접 도입했습니다. 이 기능을 통해 엔지니어링 팀은 저장소(repository)를 복제하고 기존 코드 흐름을 디자인 레이어로 다시 추출하여 신속한 테스트와 반복 작업을 수행할 수 있습니다.

디자이너가 개발자에게 정적인 파일을 전달하는 기존 워크플로와 달리, Figma의 최고 제품 책임자(CPO)인 Yuhki Yamashita는 이 환경이 제작 준비가 완료된 완벽함보다는 탐색을 위해 구축되었다는 점을 강조합니다. 디자이너, 제품 관리자, 엔지니어가 공간적이고 비선형적인 방식으로 코드와 상호작용할 수 있게 함으로써, Figma는 제품 개발의 발견(discovery) 단계를 가속화하고 핸드오프(hand-off) 과정에서 흔히 발생하는 마찰을 줄이는 것을 목표로 합니다.

고급 모션, 셰이더 및 3D 변형(Transforms)

수년 동안 고정밀 모션 디자인을 위해서는 디자이너가 Figma와 전문 애니메이션 소프트웨어를 번갈아 사용해야 했으며, 이는 종종 복잡한 변환 과정을 초래했습니다. Figma는 애니메이션, 트랜지션(transitions), 3D 변형(3D transforms)에 대한 네이티브 지원을 추가하여 이러한 복잡성을 제거하고 있습니다.

또한 이번 업데이트는 셰이더 효과(shader effects)와 채우기(fills) 지원을 도입하여 시각적 툴킷을 확장합니다. 이를 통해 더욱 정교하고 고성능인 시각적 요소를 도구 자체 내에서 프로토타이핑할 수 있으며, 제품의 "느낌(feel)"을 제품 수명 주기의 훨씬 초기 단계에서 포착할 수 있도록 보장합니다.

생성형 AI 및 커스텀 플러그인 제작

Figma는 캔버스를 프로그래밍 가능한 작업 공간으로 전환함으로써 AI 로드맵에 박차를 가하고 있습니다. 이제 사용자는 텍스트 프롬프트를 사용하여 AI 에이전트를 위한 반복 가능한 "스킬(skills)"을 생성할 수 있으며, 이를 통해 AI 어시스턴트를 일반적인 도구가 아닌 맞춤형 협업자로 만들 수 있습니다. 정확도를 높이기 위해 AI는 이제 Notion, Excel, GitHub, Granola 및 다양한 업로드된 파일과 같은 외부 도구의 컨텍스트를 가져올 수 있습니다.

개발자 커뮤니티에 아마도 가장 혁신적인 기능은 간단한 프롬프트를 통해 커스텀 플러그인을 제작할 수 있는 능력일 것입니다. 특정 레이아웃 생성기나 복잡한 벡터 경로 트레이서(vector path tracer)가 필요한 경우에도, 이제 전통적인 코드를 작성하지 않고 Figma 내에서 맞춤형 기능 도구를 구축할 수 있습니다.

모델 기반 워크플로를 위한 Weavy 통합

노드 기반 도구인 Weavy를 인수한 것을 바탕으로, Figma는 고급 모델 기반 워크플로를 통합하기 위해 노력하고 있습니다. 올해 말부터 사용자는 Figma 인터페이스 내에서 직접 Weavy 워크플로를 생성할 수 있게 됩니다. 이를 통해 디자인 팀은 다양한 AI 모델을 통해 복잡한 워크플로를 실행하고 결과물을 비교할 수 있으며, 선택된 디자인 방향이 다양한 생성 파라미터에 걸쳐 최적화되었는지 확인할 수 있습니다.

핵심 요약

  • 코드-디자인 동등성: 새로운 코드 레이어를 통해 팀은 저장소 데이터를 캔버스로 가져올 수 있으며, 이를 통해 디자인 환경을 엔지니어와 디자이너를 위한 진정한 협업 공간으로 만듭니다.
  • 네이티브 모션 및 셰이더: Figma는 이제 3D 변형, 트랜지션 및 셰이더 효과를 지원하여 외부 애니메이션 소프트웨어의 필요성을 줄입니다.
  • AI 기반 확장성: 사용자는 이제 텍스트 프롬프트를 통해 커스텀 플러그인과 반복 가능한 AI "스킬"을 생성할 수 있으며, 이는 GitHub 및 Notion의 외부 데이터와 통합됩니다.