/figma-create-new-file
Always use this skill when the user wants to create a new Figma Design, FigJam, or Slides file. You MUST invoke this skill BEFORE every `create_new_file` tool call.
Claude Code
$ npx -y skills add figma/mcp-server-guide --skill figma-create-new-file --agent claude-code
Codex
$ npx skills add figma/mcp-server-guide --skill figma-create-new-file -a codex -y
Cursor
$ npx skills add figma/mcp-server-guide --skill figma-create-new-file -a cursor -y
Gemini CLI
$ npx skills add figma/mcp-server-guide --skill figma-create-new-file -a gemini-cli -y
GitHub Copilot
$ npx skills add figma/mcp-server-guide --skill figma-create-new-file -a github-copilot -y
OpenCode
$ npx skills add figma/mcp-server-guide --skill figma-create-new-file -a opencode -y
Windsurf
$ npx skills add figma/mcp-server-guide --skill figma-create-new-file -a windsurf -y
SKILL.md
figma-create-new-file.SKILL.mdname: figma-create-new-file
description: "Always use this skill when the user wants to create a new Figma Design, FigJam, or Slides file. You MUST invoke this skill BEFORE every `create_new_file` tool call."
disable-model-invocation: false
Create a new file in Figma
Steps to create a new Figma Design, FigJam, or Slides file using the `create_new_file` MCP tool.
Step 1: Resolve the `planKey` and `editorType`
Use the `planKey` the user provided or selected for this task. Otherwise, call `whoami` and inspect the returned plans.
- No plans: inform the user that file creation cannot proceed.
- One plan: use its `key` as `planKey`.
- Multiple plans: show the available plans, ask the user to select one and then use that plan's `key` as `planKey`.
Infer `editorType` from the requested file type by choosing from the tool's advertised input enum. If unclear, ask the user to specify the file type.
Step 2: Call create_new_file
Call the `create_new_file` tool with all three required arguments:
- `fileName`: Required. Choose a concise name if the user does not provide one.
- `planKey`: Required. Use the `planKey` resolved in Step 1.
- `editorType`: Required. Use the `editorType` selected in Step 1.
- `projectId`: Optional. Set it to create the file in a specific project.
{
"fileName": "Quarterly planning",
"planKey": "team::1234567890",
"editorType": "design"
}- Use the `file_key` from the `create_new_file` tool response for subsequent tool calls like `use_figma`.
Step 3: (Slides only) Handle the empty grid
A new Slides file contains no slides: `figma.getSlideGrid()` returns `[]`. Before reading properties such as theme tokens from a slide, call `figma.createSlide()` or handle the empty case. The first `createSlide()` call automatically creates row 0 and inserts the slide.
Read more
name: figma-create-new-file description: "Always use this skill when the user wants to create a new Figma Design, FigJam, or Slides file. You MUST invoke this skill BEFORE every `create_new_file` tool call." disable-model-invocation: false
Create a new file in Figma
Steps to create a new Figma Design, FigJam, or Slides file using the `create_new_file` MCP tool.
Step 1: Resolve the `planKey` and `editorType`
Use the `planKey` the user provided or selected for this task. Otherwise, call `whoami` and inspect the returned plans.
- No plans: inform the user that file creation cannot proceed.
- One plan: use its `key` as `planKey`.
- Multiple plans: show the available plans, ask the user to select one and then use that plan's `key` as `planKey`.
Infer `editorType` from the requested file type by choosing from the tool's advertised input enum. If unclear, ask the user to specify the file type.
Step 2: Call create_new_file
Call the `create_new_file` tool with all three required arguments:
- `fileName`: Required. Choose a concise name if the user does not provide one.
- `planKey`: Required. Use the `planKey` resolved in Step 1.
- `editorType`: Required. Use the `editorType` selected in Step 1.
- `projectId`: Optional. Set it to create the file in a specific project.
{
"fileName": "Quarterly planning",
"planKey": "team::1234567890",
"editorType": "design"
}- Use the `file_key` from the `create_new_file` tool response for subsequent tool calls like `use_figma`.
Step 3: (Slides only) Handle the empty grid
A new Slides file contains no slides: `figma.getSlideGrid()` returns `[]`. Before reading properties such as theme tokens from a slide, call `figma.createSlide()` or handle the empty case. The first `createSlide()` call automatically creates row 0 and inserts the slide.
The Figma MCP server brings Figma directly into your workflow by providing important design information and context to AI agents generating code from Figma design files. For the complete set of Figma MCP server docs, see our developer documentation.
Other skills on figma.
More skills from other plugins.
brainstorming
You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…
ask-matt
Ask which skill or flow fits your situation. A router over the skills in this repo.
Questions about figma-create-new-file.
- Which coding agents can use figma-create-new-file?
- figma-create-new-file installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.

