Skip to main content
affpapa.org
RU EN
skill Claude Code CX Codex Cursor GitHub Copilot

figma-create-new-file · figma — Claude Code skill: what it does

A skill that tells the agent how to create a Figma Design, FigJam or Slides file with the MCP create_new_file tool, including which plan and editor type to use.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓ 
npx skills add figma/mcp-server-guide --skill figma-create-new-file -a claude-code
Open on GitHub

What figma-create-new-file does

The skill is plain instructions the agent reads before it touches a tool. It covers the three arguments create_new_file requires and the one it does not. fileName gets invented if the request came without a name. planKey comes from whatever plan the person picked, or from whoami when nothing was picked. editorType is inferred from the file type being asked for. Several plans in the response? The agent lists them and waits. No plans at all, and creation stops there.

projectId is optional and files the result inside a given project. The file_key the tool returns is what later calls such as use_figma should carry.

Slides need one extra move. A fresh Slides file holds no slides, figma.getSlideGrid() hands back [], so figma.createSlide() has to run before anything reads theme tokens off a slide. Practical catch: this only works with the Figma MCP server connected and authorized, since there is nothing to call otherwise.

What it helps with

  • create a new Figma Design file from the chat
  • open an empty FigJam board for a planning session
  • pick the right plan when the account has several
  • drop the file into a specific project with projectId
  • get past the empty slide grid in a new Slides file

Example prompts for the agent

  • Create a new Figma Design file for the onboarding screens
  • Start an empty FigJam board for our retro
  • Make a new Slides file called Weekly sync

How to install figma-create-new-file

1Skills CLI (Vercel)

npx skills add figma/mcp-server-guide --skill figma-create-new-file -a claude-code

2Manually: put the files in place

~/.claude/skills/figma-create-new-file/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/figma-create-new-file/

Other versions of figma-create-new-file

figma-create-new-file official Figma Creates blank Figma, FigJam, or Slides files inside draft folders. It resolves planKey and editor types before invoking Figma MCP tools. CX Codex GP ChatGPT 6installs

Similar

photo-abstract-editorial ZzzLc0405 Turns a single photograph into a vertical diptych with an untouched upper image and an abstract lower panel. Generates a minimalist poster with a short title. Claude Code CX Codex Cursor +1 737installs cli-anything-inkscape HKUDS Stateful command-line interface skill for editing vector graphics in Inkscape, tracking project state in JSON, and manipulating SVG documents. Claude Code CX Codex Cursor +1 599installs qa-test-planner softaworks Turns a feature description into a test plan, manual test cases, a regression suite or a bug report. Fires only when you name it: qa-test-planner. Claude Code CX Codex Cursor +1 4,300installs typeui-fundamentals typeui.sh Provides design principles for visual hierarchy, a 4-point spacing grid, typography, and WCAG rules. Useful when the project design system leaves a gap. Claude Code CX Codex Cursor +1 2,200installs fal-assets rehan-remade Generates sprites, tileable textures, 3D models, SFX, and music via fal. Built for modders and game developers who need ready-to-use visual and audio assets directly in their workspace. Claude Code CX Codex Cursor +1 1,400installs ios-hig-design wondelai Skill guides you through designing native iOS interfaces that follow Apple's Human Interface Guidelines. Use it when you're building an iPhone or iPad app and want it to feel at home on the platform. Claude Code CX Codex Cursor +1 8,100installs frontend-design official anthropics This skill guides intentional visual design for new interfaces and redesigns. Use it when a generic generated UI is not enough. Claude Code Claude.ai 1,025,790installs grill-me Matt Pocock grill-me interviews you about a plan or design to expose gaps and sharpen decisions. Use it before implementation starts. Claude Code 1,424,476installs

Questions about figma-create-new-file

How do I install figma-create-new-file in Claude Code?

Run npx skills add figma/mcp-server-guide --skill figma-create-new-file -a claude-code. The skill lands at ~/.claude/skills/figma-create-new-file/SKILL.md.

What does figma-create-new-file do?

It tells the agent how to fill in and call create_new_file: where planKey comes from, which editorType fits, and what to do with the optional projectId.

Does it work without the Figma MCP server?

No. It relies on the create_new_file and whoami tools plus an authorized account, so the server has to be connected first.

See also

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor