Config 2026: 새로운 재료, 새로운 도구, 그리고 더 자유롭게 표현할 수 있는 캔버스
코드 레이어, Figma Motion, 셰이더, 생성형 플러그인 및 Weave 도구를 모두 캔버스에서 이용하여 가능하다고 생각했던 것을 뛰어넘으세요.
Config 2026: 새로운 재료, 새로운 도구, 그리고 더 자유롭게 표현할 수 있는 캔버스공유
디자인은 어려운 질문을 하는 것입니다. 지금, 이러한 질문들은 그 어느 때보다도 더 어려워 보입니다. 무엇이 변하고 있는가? 무엇이 가능한가? 그리고 창작이란 무엇을 의미하는가? Figma에서 우리는 하나의 간단한 전제로 돌아옵니다. 어떤 도구도 아이디어가 나아갈 수 있는 곳을 제한해서는 안 된다는 것입니다.
올해의 Config 발표는 캔버스에서 무한한 표현에 관한 것입니다. 우리는 상상할 수 있는 모든 것을 표현할 수 있도록 새로운 재료를 지원하고, 이를 더욱 발전시키고 다듬을 수 있는 새로운 도구들을 소개합니다. 코드, 모션, 셰이더, 생성형 플러그인 및 Weave 도구를 모두 Figma 캔버스에서 활용하세요.
과거 Config에서 우리는 AI가 진입 장벽을 낮추고 가능성의 한계를 넓힌다는 이야기를 나눴습니다. 하지만 AI가 진입 장벽을 낮추고 가능성의 한계를 넓히진 않았습니다.
디자이너, 창작자, 빌더인 여러분이 그 한계를 높일 것입니다.
앞으로 몇 달, 몇 년 안에 창의성, 위험 감수, 그리고 대담한 표현이 폭발적으로 증가할 것이라고 생각합니다. Figma의 목표는 함께 구성되는 재료와 도구를 사용하여 완전히 무한한 방식으로 디자인하고, 생각하는 속도로 실험하고 즐길 수 있도록 돕는 것입니다. 캔버스는 작품이 있는 곳 그 이상입니다. 또한 모든 것이 연결되는 곳이기도 합니다.
Config 2026에서 발표한 모든 내용을 소개합니다.
캔버스 위의 코드
몇 년 동안 디자인 업계는 “디자인 vs 코드”에 대해 이야기해 왔으며, (Figma를 포함한) 도구들은 선택을 강요했습니다. 하지만 이것은 잘못된 논쟁입니다. 디자인은 과정입니다. 코드는 이미지, 벡터, 디자인 레이어와 같은 재료입니다. 오랫동안 코드는 선형적 사고를 위해 만들어진 싱글 플레이어 환경에 존재해 왔습니다. 달리 말하면, 재료가 과정에서 분리되었습니다. 우리는 코드가 다른 디자인 재료처럼 다뤄져야 한다고 생각합니다. 그래서 우리는 Figma에 코드 레이어를 도입하고 있습니다.
캔버스에서는 단 한 번의 클릭(또는 프롬프트)으로 모든 디자인 레이어를 인터랙티브 코드 레이어로 변환할 수 있습니다. 디자인 프레임을 다루듯이 코드 레이어를 빠르게 복제하여 여러 방향을 나란히 탐색할 수 있습니다.
거기서부터는 캔버스와 같은 방식으로 작업하시면 됩니다. 모든 팀원들이 하나의 파일에서 아이디어를 제시하고, 댓글을 달고, 반복 작업을 할 수 있습니다.
코드에서 디자인 레이어로 돌아가고 싶을 때는 디자인 프레임을 수정 가능한 디자인 레이어로 추출할 수 있습니다. 그리고 다시 돌아갈 준비가 되면, 클릭 한 번으로 변경된 사항을 코드 레이어에 업데이트하시면 됩니다.
코드 레이어가 7월부터 출시될 때 조기 액세스를 위해 figma.com/config-betas에서 대기자 명단에 등록하세요.
Figma Motion으로 디자인을 생생하게 구현해 보세요
모션 디자이너는 설명하기도 어렵고, 따라 하기는 더 어려운 방식으로 사물에 생동감을 불어넣습니다. 우리 중 다수가 그런 마법 같은 결과를 바랐지만 손에 닿지 않는 듯했습니다. 이는 종종 다른 도구로 이동해야 한다는 것을 의미했기 때문입니다. 오늘부터는 여러분이 Figma에서 직접 모션을 활용해 디자인할 수 있습니다.
Figma Design에서는 키프레임, 사전 설정 등을 포함한 타임라인을 추가했습니다. 여러분은 모션을 처음부터 만들거나 기존 디자인에 적용하거나 Figma 에이전트에게 시작점 생성을 요청할 수 있습니다. Figma Motion이 강력하고 직관적이며 사용하기 즐거운 도구가 되길 바랍니다. 기존 모션 디자이너들께는 Figma가 반복 작업을 제거하여 여러분이 창의력을 더욱 발휘할 수 있도록 돕습니다.
모션은 Figma의 플랫폼을 기반으로 하여 이제는 여러분의 디자인 시스템의 기본 요소가 될 수 있습니다. 컴포넌트를 한 번만 애니메이션화하면, 그 모션은 모든 화면과 모든 팀원의 파일에 동일하게 적용됩니다. 이는 채우기와 타이포그래피가 작동하는 방식과 같습니다.
마지막으로, Figma Motion은 코드와도 연동되도록 설계되었습니다 만들어졌습니다. Dev Mode로 전환하면 전체 타임라인이 보이고 검사 가능합니다. 모든 타이밍 값, 모든 이징 커브, 모든 키프레임을 해석 없이 읽을 수 있습니다. 애니메이션 코드를 CSS, JSON 또는 프레임워크에 사용할 수 있는 React로 직접 복사할 수 있습니다. 모션은 MCP와도 호환되므로 애니메이션 프레임을 코딩 에이전트에게 직접 전달하여 구현할 수 있습니다. MP4, WebM, 애니메이션 SVG 또는 GIF로 내보낼 수도 있으며, 더 많은 형식과 내보내기 유형을 제공하기 위한 작업이 진행 중입니다.
셰이더 채우기 및 효과
셰이더는 항상 Figma에 존재하며, 뒤에서 캔버스 렌더링을 지원했습니다. 하지만 셰이더를 만드는 것은 부담스럽게 느껴질 수 있으며, 셰이더를 팀과 공유하기도 어렵습니다.
이제는 원하는 것을 설명하거나, 이미지를 참조로 사용할 수 있으며, Figma 에이전트가 그것을 만들어드립니다. 효과는 이미 레이어에 있는 것을 변형시키고, 채우기는 새로운 재료로 사용할 수 있습니다. 모든 것이 Figma 에이전트로 구축되었기 때문에, 쉐이더 채우기와 효과는 기본적으로 매개변수화됩니다. 이를 통해 캔버스에 직접 컨트롤을 추가하고, 원하는 방식으로 형태를 만들 수 있습니다.
결과물은 마치 항상 Figma의 일부였던 것처럼 보이고 작동합니다. 매개변수는 컨트롤로 제공되며, 다른 효과와 쌓을 수 있고, 코드 및 인기 있는 형식으로 원활하게 변환할 수 있습니다.
인터랙티브 셰이더도 곧 출시될 예정이지만, 성능 최적화 작업이 진행되고 있습니다.
생성형 플러그인
점점 더 많은 팀들이 자신들만의 도구를 만들고 있으며, 이것이 멋진 일입니다! 모든 디자이너에는 고유한 업무 흐름이 있습니다. 생성형 플러그인은 원하는 모든 도구를 만드는 것을 가능하게 해줍니다. 생성형 플러그인을 만들려면 동작, 제어, 매개변수 등 필요한 도구를 설명하기만 하면 됩니다. 로컬 개발 환경이나 플러그인 API 지식이 필요 없습니다. 다른 Figma 도구처럼 캔버스에 기본 내장된 기능처럼 자연스럽게 사용할 수 있습니다.
생성형 플러그인과 셰이더 모두에서, 자기 자신을 위한 무언가를 만들고 파일 내에서 누구와도 공유할 수 있습니다. 곧, 여러분은 도구를 팀, 오거니제이션, 또는 더 넓은 커뮤니티에 게시할 수 있게 될 것입니다.
Figma Weave 도구
Figma Weave 도구는 시각적 콘텐츠에 동일한 접근 방식을 적용하여 표현력 있는 업무 흐름을 구축하고 재사용할 수 있게 합니다. 이제 이 도구를 Figma 캔버스에서 사용할 수 있습니다.
일부 맥락: Weave는 생성형 업무 흐름을 구성하는 노드 기반 캔버스입니다. 모델을 연결하고, 에셋을 변환하며, 출력 결과를 세련되게 다듬고 접근 방식을 비교할 수 있습니다. 단일 결과를 요구하는 대신, 모델 출력을 점토처럼 사용하여 여러 모델을 활용한 업무 흐름을 구성하여 머릿속에 있는 것을 검토, 반복, 재사용 가능한 시각적 프로세스로 변환하세요.
이제는 Weave에서 업무 흐름을 구축하고 다른 사람들이 사용하거나 리믹스할 수 있는 템플릿으로 게시할 수 있습니다. 곧, 팀이나 오거니제이션 또는 커뮤니티를 위한 도구로 게시할 수 있게 될 것입니다. 여러분이 사용해 보실 수 있도록 여러 영감을 주는 Weave 도구가 추가되어 있습니다.
사용자 작업 방식을 아는 에이전트
Figma 에이전트(어제 일반 가용성으로 출시되었습니다!)는 디자인 캔버스를 이해하도록 설계되었습니다.
스킬은 업무 흐름과 규약을 에이전트에게 재사용 가능한 지침으로 구성합니다. 자신만의 스킬을 만들거나, 팀의 스킬을 사용하거나, 커뮤니티에서 가져올 수 있습니다. 커넥터는 에이전트가 이미 스택에 있는 도구(예: Notion, Slack, Granola, Hex, GitHub, Atlassian 등)를 연결하고 업데이트를 보낼 수 있게 합니다. 첨부파일은 연구, 개요서 또는 관련된 아티팩트를 가져올 수 있습니다.
에이전트 대화가 기본적으로 다른 팀원에게도 보이므로, 다른 사람들이 탐색하는 방향을 보고 그 생각에 기초해 발전시킬 수 있습니다. 물론, 필요할 때 대화를 비공개로 바꿀 수도 있습니다.
에이전트는 FigJam 및 Slides와 같은 더 많은 플랫폼에서도 제공됩니다. 조기 액세스를 위한 대기자 명단에 등록하려면 figma.com/config-betas를 방문하세요.
이제 Figma 캔버스에서 할 수 있는 것이 더 많아졌으니, 여러분이 그 한계를 높이실 것을 기대합니다. 다른 누구도 만들 수 없는 것을 구축하세요.
도움말 센터를 방문하여 시작하는 방법, 가용성, 출시된 기능들의 요약을 확인하세요. 모든 Figma에 대한 답변과 영감을 Figma Learn에서 찾아보세요.
