인터페이스 애니메이션
기능 출시｜Config 2026에서 공개한 Figma Motion
동작 미리보기를 타임라인과 동기화하고 재생 헤드 위치가 객체 상태와 일치하도록 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma Draw
먼저 작품을 보여 준 뒤 제어점과 매개변수가 작품을 어떻게 바꾸는지 보여 준다；기능 적용 전후의 시각적 차이가 드러나야 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
분기 실적｜2026 Q2 회고
기능 창은 전경에, 대형 글자 텍스처는 배경에 배치하며 두 층을 합치지 않는다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
분기 실적｜2026 Q1 데이터 포스터
폭이 다양한 대형 글자와 색면을 빈틈없이 배치하고, 잘린 가장자리로 밀도를 만든다；하단 정보 막대는 고정한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
그래픽 애니메이션
행사 사전 홍보｜10만 달러 Make-a-thon
두 브랜드를 중앙에 놓고 참가자 말풍선을 주변에서 등장시킨다；참가자들의 응답으로 행사 예고를 이어 간다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma Code Layers
코드로 생성한 인터페이스를 캔버스 객체로 두고 디자인 변형과 나란히 비교한다；업데이트 후에도 동일한 코드 레이어를 유지한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma｜캔버스 안의 Agent
같은 제품에 제안, 스타일 적용, 콘텐츠 확장을 연속해서 수행한다. 각 결과를 서로 무관한 작품처럼 다루지 않는다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
콘퍼런스 사전 홍보｜Config 2026 로딩
글자 조각을 흩어 놓았다가 제목으로 모으고, 진행선은 독립적으로 계속 늘인다；퇴장할 때는 글자가 먼저 흩어지고 이후 진행 표시가 완료된다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
생태계 확장｜MCP 파트너 5곳 추가
먼저 양방향 연동의 가치를 제시하고, 아이콘을 가로로 훑어 생태계의 범위를 보여 준 뒤 핵심 도구에 집중한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
텍스트 애니메이션
행사 공개｜Config Makeathon
도입부의 패턴과 글자로 행사 정체성을 알리고, 중간에는 작품들을 빠르게 보여 참가 결과물을 제시하며, 마지막에는 공개되었음을 알린다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma agent에 Google Drive 연동
외부 피드백을 읽은 뒤 디자인을 수정하고, 변경 이유를 기록한 문서를 출력한다；이로써 읽기와 쓰기의 순환을 완성한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma node — 프레임을 Weave 워크플로에 연결
디자인 프레임을 연결 가능한 노드로 바꾸고 텍스트와 이미지를 각각 슬롯에 연결한 뒤 출력을 다양한 사용 사례로 분기한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma × Codex · 디자인에서 구현으로 인계
주석과 함께 디자인 프레임을 선택한 뒤 선택한 맥락을 구현 에이전트에 전달한다；구현 결과는 선택한 화면에 대응해야 한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma Specs
문서에 비즈니스, 디자인, 코드의 근거를 모으고 댓글에 따라 재배치한 뒤 실행 가능한 인계 명세로 전환한다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma Agent Vectors
새로 생성한 소재도 선택, 색상 편집, 애니메이션 구성이 가능하다；세 단계로 편집 가능성을 보여 준다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.
인터페이스 애니메이션
Figma AI 이미지 편집
모든 예시는 선택 영역→조작→결과 순서로 보여 준다；대상 강조는 중간 상태일 뿐이다.
참고 영상만 제공되며, 편집 가능한 프로젝트는 포함되어 있지 않습니다.