/figma | design-builder | ClaudePluginHub

Back to Commands

Slash Command

Community

/figma

From design-builder

4

Description

Generate HTML and export to Figma via YashiTech plugin

AI Summary

Generates HTML from design tokens and exports to Figma via YashiTech plugin.

Install

1

Add the repository(one-time)

$

/plugin marketplace add adeonir/claude-code-extras

2

Install the plugin

$

/plugin install design-builder@claude-code-extras

Command Content

Export to Figma Command

Generate HTML from design tokens and export to Figma.

Arguments

None

Arguments received: $ARGUMENTS

Prerequisites

Free tier: 40 imports/week

Process

Invoke the figma-builder subagent to generate HTML for Figma import.

The figma-builder will:

Locate design.json (required) and copy.yaml (optional)
Generate clean HTML with inline CSS
Save to ./outputs/figma-export/index.html
Start local server at http://localhost:8081
Provide step-by-step import instructions

Wait for the agent to complete and follow the instructions to import into Figma.

Error Handling

No design.json found: Run /design-builder:design first to extract design tokens

Links

GitHub Stats

0 forks

Updated 5 days ago