릴리스 노트

최신 릴리스 노트에서는 Figma의 전반적인 최신 업데이트를 다루었습니다. 여기에는 진취적인 제품 팀이 AI 에이전트와 협업하여 다음 작업을 수행하는 방법을 보여주는 라이브 데모가 포함되어 있습니다:

→ Figma에서 바이브 코딩된 프로토타입을 한 단계 더 발전시키기

→ 디자인 시스템을 코드와 연결

→ 최고의 아이디어를 빠르게 출시

작업 속도를 늦추는 일반적인 방해 요소 없이 Figma 데스크톱 앱에서 파일 간을 이동하세요. 링크는 현재 작업 중인 위치에서 바로 열리고, 최근 작업은 검색 한 번이면 찾을 수 있으며, 다음 작업은 이동하기 전에 미리 로드됩니다.

• 탭 오버플로 메뉴에서 열려 있거나 최근에 닫은 탭을 이름으로 검색하세요
• 브라우저를 거치는 과정 없이 Figma 링크를 데스크톱 앱에서 바로 여세요(macOS)
• 파일과 프로토타입이 백그라운드에서 미리 로드되어 열었을 때 바로 사용할 수 있습니다

Make는 빌드 과정에서 더 많은 제어와 컨텍스트를 제공할 수 있도록 새로운 기능을 소개합니다.

• 음성-텍스트 변환 - Make 채팅에서 프롬프트를 직접 음성으로 입력하고, 제출 전에 검토할 수 있도록 정리된 텍스트로 변환할 수 있습니다. 음성-텍스트 변환에 대해 자세히 알아보세요.
• 질문 카드 - Make가 다음 단계로 진행하기 전에 채팅에서 구조화된 옵션 중 하나를 선택할 수 있으며, 각 옵션에는 장단점에 대한 간단한 설명이 함께 제공됩니다. 질문 카드 사용 방법에 대해 자세히 알아보세요.
• 버전 기록 - 빌드의 모든 버전에서 변경 사항을 추적하고, 이전 상태로 즉시 되돌릴 수 있습니다. 버전 기록 사용 방법에 대해 자세히 알아보세요.
• 컨텍스트 지우기 - Make 설정에서 한 번의 클릭으로 세션을 초기화하고, 파일이나 작업 내용은 유지한 채 누적된 컨텍스트만 제거할 수 있습니다. 컨텍스트를 지우는 방법에 대해 자세히 알아보세요.
• 새 커넥터 -새로운 Zapier 커넥터를 통해 Google Drive, Microsoft Office, Zoom 및 9,000개 이상의 앱에서 추가 컨텍스트를 가져올 수 있습니다.

이제 Figma의 이미지 만들기 및 이미지 편집 기능을 사용하여 참조를 더 쉽게 추가할 수 있습니다. 이전에는 참조 이미지를 업로드만 할 수 있었지만, 이제는 다음과 같은 작업도 가능합니다.

• 캔버스에서 거의 모든 노드(이미지, 벡터, 프레임, 컴포넌트 등)에 새로 추가된 '참조 추가' 버튼을 클릭할 수 있습니다.
• 프롬프트 입력창에 복사하여 붙여넣을 수 있습니다(Figma 캔버스 또는 외부 소스에서).
• 프롬프트 입력창으로 파일을 드래그 앤 드롭할 수 있습니다.

AI를 사용해 이미지를 생성하거나 편집할 수 있는 모든 Figma 제품(Figma Design, Draw, Buzz, Slides, FigJam)에서 사용할 수 있습니다.

이제 Draw에서는 디자이너가 가장 자주 사용하는 도구를, 현재 작업 중인 모드를 벗어나지 않고도 바로 사용할 수 있습니다. 새로운 표현 제어 기능을 통해 기본 기능만으로도 가능한 작업 범위가 확장되었으며, 기존에는 제공되었지만 찾기 어려웠던 핵심 기능들도 함께 더 쉽게 사용할 수 있게 되었습니다.

기존에 제공되던 기능들을 이제 더 쉽게 찾고 사용할 수 있습니다.

• Design 모드로 전환하지 않고도 Draw에서 바로 오토레이아웃을 적용하세요.
• 레이어 패널에서 컴포넌트, 인스턴스, 텍스트 레이어 유형이 인라인으로 표시됩니다.
• 새로운 전용 텍스트 경로 도구를 사용해 기존 경로에 텍스트를 추가하거나, 빈 캔버스에서 드래그하여 원형 경로 텍스트를 생성할 수 있습니다.
• 마우스 오른쪽 버튼을 클릭해 텍스트와 벡터를 각각 독립된 레이어로 분리할 수 있습니다.

새로운 브러시 및 텍스처 제어 기능을 통해 Draw에서 더욱 정교하고 폭넓은 표현이 가능해졌습니다.

• 아무 스트로나 Cmd-클릭 또는 Ctrl-클릭하여 색상, 두께, 브러시 또는 다이내믹 스타일을 샘플링할 수 있습니다.
• 외곽선을 시작하기 전에 Draw 툴벨트에서 그레이디언트 색상과 블렌드 모드를 설정할 수 있습니다.
• 방향성 효과를 만들 수 있도록 X 및 Y 노이즈와 텍스처를 각각 독립적으로 제어할 수 있습니다.

도움말 센터에서 경로에 텍스트를 입력하는 방법을 알아보세요.

다음 업데이트를 통해 FigJam의 테이블 서식 지정, 다이어그램 작성, 캔버스 탐색, 템플릿 게시 기능이 한층 개선되었습니다.

• 셀 병합: 인접한 셀을 병합하면서 왼쪽 상단 셀의 내용은 유지할 수 있습니다.
• 테이블 내 텍스트 색상: 테이블 셀이나 도형 안의 텍스트에 서로 다른 색상을 적용할 수 있습니다.
• 개선된 화살표: 더 넓어진 라우팅 여백, 더 깔끔해진 화살표 머리, 더욱 선명해진 점선 끝점으로 개선되었습니다.
• 드래그로 도형 뒤집기: 크기 조절 핸들을 도형 반대편으로 드래그하여 도형을 뒤집을 수 있습니다. 콘텐츠는 읽기 쉬운 상태로 유지됩니다.
• 다시 가운데로 버튼: 큰 캔버스에서도 작업 위치로 빠르게 돌아갈 수 있습니다.
• 기본 축소 비율: 보드 가시성을 높이기 위해 기본 화면이 약간 더 축소된 상태로 시작됩니다.
• 프로페셔널 요금제의 템플릿 게시: 팀당 최대 5개의 템플릿을 게시할 수 있습니다.

FigJam 사용에 대해 자세히 알아보세요.

새로운 MCP 도구 업데이트와 FigJam 기술을 통해 이제 현재 작업 중인 파일을 포함해 코딩 에이전트에서 바로 FigJam으로 구성도, ERD 등을 생성할 수 있습니다.

• 다이어그램 생성: 업데이트된 generate_diagram 도구(원격 서버 전용)를 사용해 아키텍처 다이어그램과 ERD를 생성할 수 있으며, 데이터베이스 관계를 위해 새롭게 추가된 커넥터 유형도 사용할 수 있습니다. 또는 Mermaid.js 코드를 캔버스에 직접 붙여넣어 다이어그램으로 렌더링할 수도 있습니다.
• 새로운 스킬 사용: figma-use-figjam 기반 스킬을 사용해 FigJam 보드에서 직접 읽고 쓸 수 있습니다. generate-project-plan과 같은 업무 흐름 기술은 문서, 코드베이스, 대화를 시각적인 보드로 변환해줍니다.
• 컨텍스트 가져오기: get_figjam을 사용해 기존 FigJam 보드를 요약하고, 인사이트를 도출하거나, 다음 단계를 초안으로 작성할 수 있습니다.

MCP를 지원하는 클라이언트에서 사용할 수 있습니다. 현재 요금제 및 사용 제한이 적용됩니다.

FigJam의 새로운 MCP 기술이 에이전트가 작성하는 코드를 어떻게 시각화하는지 알아보세요.

도움말 센터에서 MCP 도구 사용 방법에 대해 자세히 알아보세요.

저희는 플랫폼 전반에 걸쳐 다음과 같은 성능 개선 사항을 적용해왔습니다.

→ 벡터 편집 속도 최대 10배 향상

→ Make 프레임 속도 최대 4배 더 부드럽게 개선

→ 로딩 시간 단축

→ 메모리 경고 92% 감소