New: 97,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Create New Figma File

by warpdotdev in warpdotdev/warp

Creates a new blank Figma design or FigJam file in your drafts folder through the Figma MCP server, resolving the plan key first when needed.

AGPL-3.0Auto-check passedFrontend & Design

Install Create New Figma File

skills CLI
$ npx skills add warpdotdev/warp --skill figma-create-new-file -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install warpdotdev/warp figma-create-new-file --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/warpdotdev/warp.git skills-src && mkdir -p .claude/skills && cp -r skills-src/resources/bundled/mcp_skills/figma/figma-create-new-file .claude/skills/figma-create-new-file && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
figma-create-new-file
GitHub stars
65k
Used in
2 other repos
Token cost
~686 tokens
SKILL.md length
313 words
Files
1
Skills in repo
46
Repo updated
First seen
Licence
AGPL-3.0

At a glance

Creates a new blank Figma design or FigJam file in your drafts folder through the Figma MCP server, resolving the plan key first when needed.

  • Works in 3 steps: Resolve the planKey → Call create_new_file → Use the result
  • Starting a new Figma design file before building screens
  • SKILL.md covers Skill Arguments, Workflow and Important Notes
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

The skill takes two optional arguments, an editor type of design or figjam and a file name, defaulting to a design file called Untitled. The create_new_file tool needs a plan key. If you did not supply one, the agent calls whoami, uses the key directly when there is a single plan, and asks which team or organization you mean when there are several.

The tool then creates the file in the drafts folder of that plan and returns a file key and a file URL. The key is what later calls such as use_figma need, and the skill notes that the figma-use skill should be loaded before that call. Only the design and figjam editor types are supported.

When your agent uses it

  • Starting a new Figma design file before building screens
  • Creating a blank FigJam whiteboard with a given name
  • Getting a fresh file key to pass to use_figma

Example prompts

  • “/figma-create-new-file figjam Sprint Retro Board”
  • “Create a new Figma design file called Checkout Redesign in my drafts.”
  • “I need a blank Figma file to build the onboarding screens in, so make one and give me the link.”

Requirements

  • A connected Figma MCP server
  • A Figma account with at least one plan

Workflow steps

3 steps, taken from the step headings in SKILL.md.

  1. Resolve the planKey
  2. Call create_new_file
  3. Use the result

What it can do on your machine

Read from SKILL.md and the folder at commit f571865. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md (its code samples are json).

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Create New Figma File loads about 686 tokens when it runs. Until then it costs about 82 tokens; SKILL.md has 313 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~82
When it runs · the whole SKILL.md, loaded when a task matches
~686

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from warpdotdev/warp at commit f571865, republished under its AGPL-3.0 licence (© warpdotdev). 313 words, ~686 tokens.

Download SKILL.mdSave it as .claude/skills/figma-create-new-file/SKILL.md (or your agent's skills folder).
name
figma-create-new-file
description
Create a new blank Figma file. Use when the user wants to create a new Figma design or FigJam file, or when you need a new file before calling use_figma. Handles plan resolution via whoami if needed. Usage — /figma-create-new-file [editorType] [fileName] (e.g. /figma-create-new-file figjam My Whiteboard)
disable-model-invocation
true

create_new_file — Create a New Figma File

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) or figjam
  • 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"

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" or "figjam"

Example:

json
{
  "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.
  • Only "design" and "figjam" editor types are supported.
  • If use_figma is your next step, load the figma-use skill before calling it.

© warpdotdev, AGPL-3.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in resources/bundled/mcp_skills/figma/figma-create-new-file of warpdotdev/warp.

Open the folder on GitHubat commit f571865

Used in 2 other repositories

We found 2 copies of this SKILL.md (exact, near-identical or edited) in other folders, from 2 other GitHub owners. This page covers the copy in warpdotdev/warp, which our catalogue first saw on October 7, 2026.

Compare with similar skills

Create New Figma File next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Create New Figma File compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Create New Figma File this skillwarpdotdev/warp65k2 repos~686Automated safety check: PassAGPL-3.0
Refero Designreferodesign/refero_skill292—~5.3kAutomated safety check: PassMIT
Build Figmacursor/plugins10k—~961Automated safety check: PassNone
Wonder BlocksKhan/wonder-blocks163—~3.2kAutomated safety check: PassMIT
Figma Buildawdr74100/figwright977—~2kAutomated safety check: PassMIT
Figma Codegenawdr74100/figwright977—~4.2kAutomated safety check: PassMIT

Similar skills

  • Refero Design

    referodesign/refero_skill

    Primary/default skill for UI design, product design, web design, landing pages, dashboards, product screens, redesigns, visual polish, frontend/CSS styling, design systems, components, responsive…

    292 GitHub stars~5.3k tokensUpdated 1 mo ago
    Frontend & DesignAuto-check passed

  • Build Figma

    cursor/plugins

    Official

    Guides an agent through turning a Figma node into production UI with the repo's own components, then checks the result visually before finishing.

    10k GitHub stars~961 tokensUpdated today
    Frontend & DesignAuto-check passed

  • Wonder Blocks

    Khan/wonder-blocks

    Implements user interfaces using the Wonder Blocks (WB) design system — Khan Academy's React component library.

    163 GitHub stars~3.2k tokensUpdated today
    Frontend & DesignAuto-check passed

  • Figma Build

    awdr74100/figwright

    Build a Figma design from code or a description — the reverse of figma-codegen.

    977 GitHub stars~2k tokensUpdated today
    Frontend & DesignAuto-check passed

  • Figma Codegen

    awdr74100/figwright

    Generate framework-aware code from a Figma design. An agent skill from awdr74100/figwright.

    977 GitHub stars~4.2k tokensUpdated today
    Frontend & DesignAuto-check passed

  • Igniteui Angular Generate From Image Design

    IgniteUI/igniteui-angular

    Implements Angular application views from design images using Ignite UI Angular components.

    599 GitHub stars~4.7k tokensUpdated yesterday
    Frontend & DesignAuto-check passed

More from warpdotdev/warp

All 46 skills in this repo

  • Figma Design System Builder

    warpdotdev/warp

    Builds or updates a design system in Figma from a codebase in ordered phases: discovery, variables and tokens, components, theming and documentation, with checkpoints.

    65k GitHub starsUsed in 2 repos~4.4k tokens
    Auto-check passed

  • Figma use_figma Plugin API Rules

    warpdotdev/warp

    Required groundwork before any use_figma call: the rules and reference files for running JavaScript in a Figma file through the Plugin API without common failures.

    65k GitHub starsUsed in 4 repos~4.4k tokens
    Auto-check passed

  • Warp Factory Files

    warpdotdev/warp

    Authors and edits file-based Warp software factory definitions rooted at factory.yaml, covering agents, automations, scorers and webhooks, and validates them before a pull request.

    65k GitHub starsUsed in 1 repo~2.5k tokens
    Auto-check passed

  • Figma Design to Code

    warpdotdev/warp

    Turns a Figma frame or component into production code that matches the design, using the Figma MCP server and the project's own design system.

    65k GitHub starsUsed in 4 repos~2.9k tokens
    Auto-check passed

  • Warp GUI to Agent CLI Migration

    warpdotdev/warp

    Migrates the compatible subset of settings and global file-based MCP servers from the Warp desktop app into Warp Agent CLI without exposing credentials or state.

    65k GitHub starsUsed in 1 repo~2.1k tokens
    Auto-check passed

  • Figma Design System Rules Generator

    warpdotdev/warp

    Creates project-specific design system rules from your codebase so coding agents implement Figma designs with your components, naming and tokens.

    65k GitHub starsUsed in 3 repos~4.6k tokens
    Auto-check passed

Works with

Categories

Questions about Create New Figma File

What does Create New Figma File do?

Creates a new blank Figma design or FigJam file in your drafts folder through the Figma MCP server, resolving the plan key first when needed. The skill takes two optional arguments, an editor type of design or figjam and a file name, defaulting to a design file called Untitled. The create_new_file tool needs a plan key.

When should I use Create New Figma File?

Create New Figma File fits situations like: starting a new Figma design file before building screens; creating a blank FigJam whiteboard with a given name; getting a fresh file key to pass to use_figma.

How do I install Create New Figma File in Claude Code?

Run `npx skills add warpdotdev/warp --skill figma-create-new-file -a claude-code`. Or copy the skill folder (resources/bundled/mcp_skills/figma/figma-create-new-file in warpdotdev/warp) into .claude/skills/figma-create-new-file in your project. Claude Code loads it when a task matches its description.

How do I install Create New Figma File in Codex?

Run `npx skills add warpdotdev/warp --skill figma-create-new-file -a codex`. Or copy the skill folder (resources/bundled/mcp_skills/figma/figma-create-new-file in warpdotdev/warp) into .agents/skills/figma-create-new-file in your project. Codex loads it when a task matches its description.

Can I use Create New Figma File in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add warpdotdev/warp --skill figma-create-new-file -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/figma-create-new-file, .gemini/skills/figma-create-new-file, .github/skills/figma-create-new-file and .opencode/skills/figma-create-new-file in your project.

What does Create New Figma File need to run?

SKILL.md names no scripts, command-line tools or credentials: Create New Figma File is instructions for the agent only. Our summary lists: A connected Figma MCP server; A Figma account with at least one plan.

Does Create New Figma File access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Create New Figma File safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Create New Figma File use?

Create New Figma File is published under the AGPL-3.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Create New Figma File use?

About 686 tokens (SKILL.md is roughly 2.7k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Create New Figma File?

Skills that share tags, products or a category with Create New Figma File: Refero Design (referodesign/refero_skill, 292 stars), Build Figma (cursor/plugins, 10k stars), Wonder Blocks (Khan/wonder-blocks, 163 stars) and Figma Build (awdr74100/figwright, 977 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Create New Figma File?

warpdotdev (a GitHub organization) maintains it in warpdotdev/warp, which has 65,380 GitHub stars. The repository holds 46 skills in this directory. The repository was last updated on October 7, 2026.

Source: warpdotdev/warp on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.