메인 콘텐츠로 건너뛰기

Figma Make

프로토타입. 다듬기. 출시.
Figma Make에서 아이디어를 현실로 구현하세요.

디자인 및 출시

Make를 로컬 환경에서 사용해 어떤 코드베이스에서든 개발하고, 준비가 되면 바로 프로덕션에 배포하세요. 곧 출시 예정.

많은 사랑을 받는 제품들이 Figma로 디자인됩니다

Figma Make는 아이디어에서 완성된 기능까지의 과정을 획기적으로 단축해 주었고, 이제는 이것 없이 일하는 모습을 상상하기 어려울 정도입니다.

Brian Muehlenkamp의 흑백 머그샷
Brian Muehlenkamp

Ticketmaster 제품 관리자

무엇이든 만들고, 제어는 놓치지 마세요.

Figma Make는 강력한 협업 파트너이지만, 세부 사항은 직접 결정할 수 있습니다. 디자인 컨텍스트를 바탕으로 시작하고, 프롬프트를 입력한 뒤, 캔버스에서 원하는 대로 다듬어 보세요.

현실적인 프로토타입을 빠르게 만들어보세요.

코드베이스와 디자인 에셋에서 시작하거나 처음부터 시작하세요.

무엇이든 만들고, 제어는 놓치지 마세요.

  • 사용 가능한 Make 키트가 표시된 팝업 창. 커서는 '추가' 버튼 위에 올라가 있습니다.사용 가능한 Make 키트가 표시된 팝업 창. 커서는 '추가' 버튼 위에 올라가 있습니다.

    모든 Make에 디자인 컨텍스트를 추가하세요.

    Make 키트와 npm 패키지를 사용해 디자인 시스템을 가져오거나, Figma 프레임, PDF 등 다양한 자료를 첨부할 수 있습니다.

  • 디자인의 세부 사항을 다듬으세요.

    Figma Make 파일을 캔버스로 복사하여 원하는 대로 조정하세요.

원활한 작업 흐름을 위해 만들어졌습니다.

많은 사랑을 받는 제품들이 Figma로 디자인됩니다

Figma Make와 같은 도구 덕분에 이제는 프로토타입을 매우 빠르게 만들 수 있습니다. 예전에는 아이디어를 구상하고 실제로 어떻게 동작하는지 확인하기까지 6주가 걸렸다면, 이제는 단 몇 시간밖에 걸리지 않습니다.

Vishal Kapoor의 흑백 헤드샷
Vishal Kapoor

Affirm 제품 부사장

  • airbnb 로고
  • atlassian 로고
  • dropbox 로고
  • duolingo 로고
  • github 로고
  • microsoft 로고
  • netflix 로고
  • pentagram 로고
  • slack 로고
  • stripe 로고
  • the new york times 로고
  • zoom 로고

Figma Make 기능

  • 로컬 코드베이스의 Make(베타)

    신규

    Figma 디자인을 Make의 비주얼 소프트웨어 에디터에서 현지화된 프로덕션 준비 자산으로 변환하세요. 곧 출시 예정.

  • 사용자 정의 스킬

    신규

    자주 사용하는 업무 흐름을 Make에서 재사용할 수 있는 지침 세트로 구성하세요.

  • MCP 커넥터

    MCP를 통해 외부 도구와 연결하여 문서, 작업 항목, 데이터 등 다른 앱의 정보를 앱이나 프로토타입을 위한 컨텍스트로 활용할 수 있습니다.

  • Make 키트

    하나는 사용자 인터페이스용, 다른 하나는 제품 아이콘용으로 구성된 두 개의 디자인 시스템 라이브러리.하나는 사용자 인터페이스용, 다른 하나는 제품 아이콘용으로 구성된 두 개의 디자인 시스템 라이브러리.

    npm 패키지, 라이브러리 스타일, 가이드라인을 Figma Make와 직접 동기화하여 높은 완성도의 프로토타입을 생성하세요.

  • 계획 모드

    신규

    구축에 앞서 계획하세요. 생성이 시작되기 전에 의도를 명확히 하고, 구조화된 편집 가능한 계획을 수립하세요.

  • 첨부 파일

    "이 비디오를 랜딩 페이지에 추가해 줘."라는 문구가 입력된 Figma Make 프롬프트 창. 커서는 박물관 사이트 투어 비디오 파일을 프롬프트 창에 첨부하고 있습니다."이 비디오를 랜딩 페이지에 추가해 줘."라는 문구가 입력된 Figma Make 프롬프트 창. 커서는 박물관 사이트 투어 비디오 파일을 프롬프트 창에 첨부하고 있습니다.

    디자인, 이미지, 비디오, 오디오, 텍스트 파일, PDF를 프롬프트에 첨부해 AI가 더 나은 결과를 생성하도록 도와주세요.

  • 댓글

    "이 프로토타입 정말 마음에 들어요. 상호작용 요소를 조금 더 추가하는 건 어떻게 생각하시나요?"라는 내용의 댓글이 달린 Figma Make 파일."이 프로토타입 정말 마음에 들어요. 상호작용 요소를 조금 더 추가하는 건 어떻게 생각하시나요?"라는 내용의 댓글이 달린 Figma Make 파일.

    Figma Make로 제작한 프로토타입이나 웹 앱에 대해 피드백을 주고받으세요.

  • 주석

    요소를 선택하고 프롬프트를 입력한 뒤, 모든 변경 사항을 한 번에 모델로 전송하세요.

  • 버전 내역

    선택할 수 있는 세 가지 파일 버전이 표시된 Figma Make 파일 드롭다운 메뉴.선택할 수 있는 세 가지 파일 버전이 표시된 Figma Make 파일 드롭다운 메뉴.

    모든 AI 편집과 수동 편집 내역을 추적하세요. 프로젝트의 모든 버전을 미리 보고, 즐겨찾기에 추가하거나, 원하는 상태로 복원할 수 있습니다.

  • 음성-텍스트 프롬프트

    아이디어를 말로 설명하면 Figma Make가 이를 바탕으로 프로토타입을 생성합니다.

  • Make 모바일

    모바일 인터페이스에서 실행 중인 완성된 Figma Make 화면. 그 위에 메뉴가 표시되어 있으며, 댓글 보기 또는 추가, 전체 화면 미리보기, 버전 기록 확인, 파일 공유 등의 옵션을 선택할 수 있습니다.모바일 인터페이스에서 실행 중인 완성된 Figma Make 화면. 그 위에 메뉴가 표시되어 있으며, 댓글 보기 또는 추가, 전체 화면 미리보기, 버전 기록 확인, 파일 공유 등의 옵션을 선택할 수 있습니다.

    휴대폰에서 Make를 열어 네이티브 환경처럼 체험하고, 작업 맥락 안에서 직접 댓글을 확인하고 응답하세요.

  • 지정 및 편집

    커서가 CTA 버튼을 선택하고 있으며, 아래의 AI 프롬프트에는 "마우스를 올리면 버튼이 빛나도록 만들어 줘"라고 입력되어 있습니다.커서가 CTA 버튼을 선택하고 있으며, 아래의 AI 프롬프트에는 "마우스를 올리면 버튼이 빛나도록 만들어 줘"라고 입력되어 있습니다.

    미리보기 화면에서 요소를 직접 클릭해 스타일을 수정하거나 교체하고, 프롬프트를 통해 변경 사항을 적용하며 프로토타입을 다듬어 보세요.

  • 템플릿

    세 개의 서로 다른 제품 화면. 첫 번째는 검은 배경 위에 흐릿한 흰색 사각형 윤곽이 있는 화면이고, 두 번째는 데이터 대시보드, 세 번째는 원형으로 배치된 라이프스타일 이미지 모음입니다.세 개의 서로 다른 제품 화면. 첫 번째는 검은 배경 위에 흐릿한 흰색 사각형 윤곽이 있는 화면이고, 두 번째는 데이터 대시보드, 세 번째는 원형으로 배치된 라이프스타일 이미지 모음입니다.

    검증된 업무 흐름을 저장하고 재사용하여, 하나의 Make를 반복 가능한 작업 방식으로 전환하세요.

  • 사용자 지정 글꼴

    컴퓨터에 저장된 글꼴이나 조직 내에서 공유된 글꼴을 추가하세요.