Config 2026에서 Figma의 CEO Dylan Field는 "제한 없는 창의적 표현(limitless expression)"을 핵심 가치로 내세우며, 기존 디자인 툴의 경계를 허무는 새로운 기능들을 대거 발표했습니다. 이 발표의 본질은 디자인 과정과 코드, 모션, 그리고 생성형 AI를 하나의 캔버스 위에서 통합하여, 디자이너가 구현할 수 있는 결과물의 '천장(ceiling)'을 높이는 데 있습니다.

핵심 기능 및 기술적 세부사항

1. Code Layers (코드 레이어)
   • 개념: 코드를 이미지나 벡터와 동일한 '디자인 소재'로 격상시킵니다.
   • 방법론: 디자인 레이어를 단 한 번의 클릭이나 프롬프트 입력을 통해 대화형 코드 레이어로 변환합니다. 이는 단일 환경에서 설계와 코딩을 병행하게 하여, 여러 버전을 나란히 비교(side-by-side)하거나 팀원들과 실시간으로 협업할 수 있게 합니다. 디자인 프레임과 코드 레이어 간의 양방향 동기화(extract & update)를 지원하여 프로세스의 연속성을 보장합니다.

2. Figma Motion (피그마 모션)
   • 개념: 별도의 툴 이동 없이 캔버스 내에서 직접 타임라인 기반의 모션을 설계합니다.
   • 방법론: Keyframes, presets 등을 포함한 타임라인 인터페이스를 제공합니다. 모션은 컴포넌트 시스템의 일부로 통합되어 시스템 전반에 걸쳐 일관되게 재사용됩니다. 특히 Dev Mode에서는 모든 타이밍 값, easing curve, keyframe이 CSS, JSON, 혹은 React 코드로 즉시 변환되어 개발 친화적인 환경을 제공하며, MCP(Model Context Protocol) 호환을 통해 AI 에이전트와 연동 가능한 구조를 가집니다.

3. Shader Fills and Effects (셰이더 채우기 및 효과)
   • 개념: 복잡한 셰이더 프로그래밍 없이 프롬프트만으로 시각적 효과를 생성합니다.
   • 방법론: Figma agent를 사용하여 텍스트나 이미지를 참조해 셰이더를 생성하며, 이는 기본적으로 파라미터화(parameterized)되어 캔버스상에서 실시간으로 제어할 수 있는 슬라이더나 UI 컨트롤로 자동 변환됩니다.

4. Generative Plugins 및 Weave Tools
   • Generative Plugins: 별도의 개발 환경 없이 생성형 플러그인의 동작, 제어 방식, 파라미터를 자연어로 정의하여 즉시 제작합니다.
   • Weave Tools: 노드 기반(node-based)의 캔버스 환경에서 모델 출력물을 일종의 점토처럼 활용하여 복잡한 생성형 워크플로우를 구축합니다. 이를 통해 디자이너는 단순 프롬프팅을 넘어, 다중 모델을 연결하고 출력을 반복해서 정교화하는 공정 과정을 설계할 수 있습니다.

5. Figma Agent (피그마 에이전트)
   • 개념: 디자인 맥락과 개인화된 워크플로우를 이해하는 지능형 에이전트입니다.
   • 방법론: 'Skills'를 통해 디자이너의 작업 방식과 규칙을 학습하며, 커넥터(Connectors)를 통해 Notion, GitHub, Slack 등 외부 툴과 실시간으로 데이터를 주고받습니다. 에이전트와의 채팅 기록은 팀원 간에 공유 가능하며, 이는 작업의 의사결정 과정을 투명하게 기록하고 개선하는 협업 지능의 역할을 수행합니다.

요약

Config 2026의 핵심은 디자인을 단순히 정적인 결과물을 만드는 행위가 아니라, 코드와 모션, 그리고 생성형 모델이라는 재료를 조합하여 설계하는 '살아있는 프로세스'로 재정의한 점입니다. 이를 통해 Figma는 디자인 툴을 넘어, 창의적 결과물을 구상하고 구현하며 시스템화하는 통합 개발 환경(IDE)의 성격을 강화하고 있습니다.