nexlabz

Artifact To Figma — Design skill for Claude Code

Design community

Export the designs in a Claude artifact into Figma.

How to install Artifact To Figma

Installs to ~/.claude/skills/nexlabz-figma-forge-artifact-to-figma/SKILL.md

Terminal

mkdir -p ~/.claude/skills/nexlabz-figma-forge-artifact-to-figma && curl -fsSL https://raw.githubusercontent.com/nexlabz/figma-forge/HEAD/commands/artifact-to-figma.md -o ~/.claude/skills/nexlabz-figma-forge-artifact-to-figma/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Artifact To Figma does

description: Export the designs in a Claude artifact into Figma argument-hint: [--page "Name"] [--figma ]

Export this artifact into Figma: **$ARGUMENTS**

Load the `artifact-to-figma` skill and follow it. Run the `figma-connect` preflight first.

Read the artifact with the **Artifact tool's `read` action** — never WebFetch — and extract from the local HTML path it saves, not from the summary, which is usually just a loading shell.

Decide from the refe

Alternatives in Design

Theme Factory — Style artifacts with professional themes including 10 pre-set color/font combinations 94.1k ★
Brainstorming — Transform rough ideas into fully-formed designs through structured questioning and alternative exploration 27.9k ★
Export Diagram — Export a diagram-design HTML file to .svg and .png next to the source 27.2k ★