figma-create-new-file

작성자: figma

새로운 빈 Figma 파일을 생성합니다. 사용자가 새 Figma 디자인이나 FigJam 파일을 만들고자 할 때, 또는 use_figma를 호출하기 전에 새 파일이 필요할 때 사용합니다.

npx skills add https://github.com/figma/dev-mode-mcp-server-guide --skill figma-create-new-file

create_new_file — Create a New Figma File

MANDATORY: load this skill before every create_new_file tool call. It encodes the plan-resolution decision tree, the editor-type contract, and the post-creation handoff to use_figma.

Use the create_new_file MCP tool to create a new blank Figma file in the user's drafts folder. This is typically used before use_figma when you need a fresh file to work with.

Skill Arguments

This skill accepts optional arguments: /figma-create-new-file [editorType] [fileName]

  • editorType: design (default), figjam, or slides
  • fileName: Name for the new file (defaults to "Untitled")

Examples:

  • /figma-create-new-file — creates a design file named "Untitled"
  • /figma-create-new-file figjam My Whiteboard — creates a FigJam file named "My Whiteboard"
  • /figma-create-new-file design My New Design — creates a design file named "My New Design"
  • /figma-create-new-file slides Q3 Review — creates a Slides presentation named "Q3 Review"

Parse the arguments from the skill invocation. If editorType is not provided, default to "design". If fileName is not provided, default to "Untitled".

Workflow

Step 1: Resolve the planKey

The create_new_file tool requires a planKey parameter. Follow this decision tree:

  1. User already provided a planKey (e.g. from a previous whoami call or in their prompt) → use it directly, skip to Step 2.

  2. No planKey available → call the whoami tool. The response contains a plans array. Each plan has a key, name, seat, and tier.

    • Single plan: use its key field automatically.
    • Multiple plans: ask the user which team or organization they want to create the file in, then use the corresponding plan's key.

Step 2: Call create_new_file

Call the create_new_file tool with:

ParameterRequiredDescription
planKeyYesThe plan key from Step 1
fileNameYesName for the new file
editorTypeYes"design", "figjam", or "slides"

Example:

{
  "planKey": "team:123456",
  "fileName": "My New Design",
  "editorType": "design"
}

Step 3: Use the result

The tool returns:

  • file_key — the key of the newly created file
  • file_url — a direct URL to open the file in Figma

Use the file_key for subsequent tool calls like use_figma.

Important Notes

  • The file is created in the user's drafts folder for the selected plan.
  • Supported editor types are "design", "figjam", and "slides".
  • If use_figma is your next step, load the figma-use skill before calling it.

Editor-specific notes

Slides — newly created files have an empty grid

A slides file produced by this tool starts with zero rows and zero slidesfigma.getSlideGrid() returns [], not a default first slide. The page's only child is the SLIDE_GRID node itself, which is empty until you create content. The first call to figma.createSlide() implicitly creates row 0 and inserts the new slide there.

If your follow-up use_figma script assumes at least one slide exists (e.g. to read theme tokens off it), guard for the empty case or call createSlide() first. See figma-use-slides → slide-grid for full details.

figma의 다른 스킬

figma-code-connect
figma
Figma 컴포넌트를 코드 스니펫에 매핑하는 Figma Code Connect 템플릿 파일을 생성하고 유지 관리합니다. 사용자가 Code Connect, Figma 컴포넌트를 언급할 때 사용합니다.
official
figma-create-design-system-rules
figma
사용자의 코드베이스에 맞춤형 디자인 시스템 규칙을 생성합니다. 사용자가 "디자인 시스템 규칙 생성", "내 프로젝트 규칙 생성", "설정..."이라고 말할 때 사용하세요.
official
figma-generate-design
figma
이 스킬은 애플리케이션 페이지, 뷰 또는 여러 섹션 레이아웃을 Figma로 변환하는 작업이 있을 때 figma-use와 함께 사용하세요. 트리거: 'write to…
official
figma-generate-diagram
figma
MANDATORY prerequisite — load this skill BEFORE every `generate_diagram` tool call. Routes to type-specific guidance (generic flowchart, architecture…
official
figma-generate-library
figma
코드베이스로부터 Figma에서 전문가 수준의 디자인 시스템을 구축하거나 업데이트합니다. 사용자가 변수/토큰을 생성하거나, 컴포넌트 라이브러리를 구축하거나, 설정하려는 경우 사용하세요.
official
figma-implement-design
figma
Figma 디자인을 1:1 시각적 정확도로 프로덕션 준비가 된 애플리케이션 코드로 변환합니다. Figma 파일에서 UI 코드를 구현할 때, 사용자가 언급할 때 사용하세요.
official
figma-use
figma
**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first.…
official
figma-use-figjam
figma
이 스킬은 에이전트가 FigJam 컨텍스트에서 Figma의 use_figma MCP 도구를 사용할 수 있도록 도와줍니다. use_figma의 기본 컨텍스트를 제공하는 figma-use와 함께 사용할 수 있습니다.
official