agentmods.dev

figma-to-code skills

140 tagged figma-to-code, measured the same way as everything else here.

Browse within: agentic-workflow 139figma 15dotnet 6

Sort RelevanceRecently updatedFewest tokensSecurity gradeRepo starsStars this weekTop rated 140 mods

figma-codegen

01

awdr74100/figwright

Skill Claude CodeCodex

Generate framework-aware code from a Figma design. Reads the project's stack profile and emits code matching the existing framework (React/Vue/Svelte/Next/etc.) and styling (Tailwind/CSS/CSS-in-JS), reusing existing components and design tokens instead of regenerating from scratch. Triggers whenever the user wants a…

not rated 1.1k +66 changed 8d ago A Socket: passSnyk: passSkillSpector: pass 145 tokens original MIT

vibefigma

02

vibeflowing-inc/vibe_figma

Skill Claude CodeCodex

Convert Figma designs to production-ready React components with Tailwind CSS. Use when user provides a Figma URL, asks to convert Figma designs to React/code, wants to extract components from Figma, or mentions "vibefigma". Requires a Figma access token (via --token flag, FIGMATOKEN env var, or .env file).

not rated 846 +4 10d ago A 77 tokens AGPL-3.0

atomic-design-organisms

03

punkadillo/figma-code-composer

Skill Claude Code

Use when building complex organisms from molecules and atoms like headers, footers, product cards, and sidebars. Organisms are distinct UI sections.

not rated 3 2mo ago A 34 tokens original MIT

At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: