Skip to main content
affpapa.org
RU EN
skill CX Codex

figma-create-new-file · nexu-io — Claude Code skill: start a Figma file

Creates a blank Figma Design or FigJam file. Handy as the opening step when a design-system or workshop flow runs from a script.

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

What figma-create-new-file does

The figma-create-new-file skill from the OpenDesign catalogue gives an agent one job: open a fresh, empty Figma Design or FigJam document. Scripted design-system work and workshop prep usually need that document before anything else can happen.

The entry points at the upstream bundle at https://github.com/figma/skills. Assets, scripts and references live there, so the upstream package goes into the skills directory of whichever agent you use. After that the agent picks the skill up by name or through a trigger phrase from its frontmatter.

Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI and OpenCode are all listed. Figma's MCP server has to be reachable — without it there is nothing to create the file with.

What it helps with

  • open a blank Figma Design file before building a layout
  • start a FigJam board for a workshop
  • begin a scripted design-system run from an empty document
  • get a starting file that components can be added to later

Example prompts for the agent

  • Create a new blank Figma Design file
  • Open a fresh FigJam board for the workshop
  • Start a new Figma file for the design system

How to install figma-create-new-file

1Skills CLI (Vercel)

npx skills add nexu-io/open-design --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/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about figma-create-new-file

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

Run npx skills add nexu-io/open-design --skill figma-create-new-file -a claude-code, then confirm the file landed at ~/.claude/skills/figma-create-new-file/SKILL.md.

What does figma-create-new-file do?

It opens a new empty Figma Design or FigJam file. That is normally the first step in a scripted design-system or workshop flow.

Which platforms support the skill?

Claude, Codex, Cursor, GitHub Copilot, Gemini CLI and OpenCode. Each one has its own install path into the skills directory.

Source text

SKILL.md · Apache-2.0 
---
name: figma-create-new-file
description: |
  Create a new blank Figma Design or FigJam file. Useful as the first step in scripted design-system or workshop workflows.
triggers:
  - "figma new file"
  - "figjam new"
  - "create figma file"
od:
  mode: design-system
  category: figma
  upstream: "https://github.com/figma/skills"
---

# figma-create-new-file

> Curated from Figma's MCP server guide.

## What it does

Create a new blank Figma Design or FigJam file. Useful as the first step in scripted design-system or workshop workflows.

## Source

- Upstream: https://github.com/figma/skills
- Category: `figma`

## How to use

This catalogue entry advertises the skill in OpenDesign so the agent
discovers it during planning. To run the full upstream workflow with
its original assets, scripts, and references, install the upstream
bundle into your active agent's skills directory:

```bash
# Inspect the upstream README for exact paths
open https://github.com/figma/skills
```

Then ask the agent to invoke this skill by name (`figma-create-new-file`) or with
one of the trigger phrases listed in this skill's frontmatter.

© nexu-io · Apache-2.0 · nexu-io/open-design

Similar skills

Everything for Design →

figma-create-new-file by other authors comes first.

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 figma-create-new-file figma 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. CX Codex +1 3,500installs 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. 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. 1,424,476installs design-taste-frontend Leonxlnx This skill directs the design of public pages and work screens, then checks the result in a browser through screenshots. Use it when an interface feels generic or unfinished. CX Codex +1 678,700installs prototype Matt Pocock Creates throwaway prototypes for checking state logic or exploring UI before committing the decision to the main codebase. 986,201installs grilling Matt Pocock Stress-test a plan, decision, or idea through structured rounds of questions. Use it when you need to expose assumptions before acting. 979,543installs codebase-design Matt Pocock This skill helps design modules with small interfaces and hidden complexity. Use it when refactoring code, choosing a seam, or making tests easier to write. 850,344installs

From the same set124

The whole set →
fal-realtime Generate images through fal.ai in real time or as a stream. Use the skill to explore moodboard directions and draft variations. CX Codex +1 2,700installs fal-train A skill that trains LoRA models on fal.ai so image generation matches a brand, a character or a style. CX Codex +1 2,700installs venice-image-generate Connects agent workflows to Venice AI image generation endpoints and styles. It helps generate visual assets directly from developer prompts. CX Codex +1 2,700installs fal-kling-o3 Generate images and videos with Kling O3 through fal.ai. Use the skill when an agent needs to create visual assets from a request. CX Codex +1 2,700installs replicate Discovers, compares, and runs AI models through Replicate's API for image and video generation pipelines. CX Codex +1 2,700installs figma-code-connect-components Links Figma design components to code components through Code Connect. Use it when design-system changes need to flow into the codebase. CX Codex +1 2,700installs stitch-loop A skill that runs an iterative feedback cycle between design and code: critique the layout → fix the code → verify fidelity. Use it when you need to tighten UI against a design brief across multiple passes. CX Codex +1 2,700installs gif-sticker-maker Converts user photos into animated GIF stickers styled after Funko Pop and Pop Mart figurines via the MiniMax API. Useful for creating custom avatar packs. CX Codex +1 2,700installs

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