Turn a figma-llm-export payload into application code: token-aware, auto-layout to flexbox, instance to component, verified against the exported screenshot. Ships a skill and a subagent.
Plugin figma-to-code from marketplace figma-llm-export in Gamma-Software/figma-llm-export. Commands read from the repo's manifest — 1 month ago.
figma-to-codeConvert a Figma design into application code from a figma-llm-export payload — the JSON produced by the "LLM Export" Figma plugin (node tree + inlined design tokens + rendered PNG/SVG crops). Use whenever the user points at such a .json export, says "build/implement this Figma screen/component", "tu
figma-to-codeConverts a figma-llm-export payload (Figma node JSON + inlined design tokens + rendered PNG/SVG) into application code. Delegate to this agent when the user wants a Figma design/screen/component implemented in code from such an export, points at a node-JSON file with `{value, variable}` pairs, or as
Recommended: all published HyperFrames skills in one versioned bundle. Create and render videos from HTML: the contract, film, captions, overlays, motion and look references, the CLI, the registry, media, Figma, slideshows and Remotion ports.
22 skills
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and development workflows.
18 skills · 1 MCP server
daisyUI Blueprint MCP server - (Needs paid license)
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and development workflows.
18 skills · 1 MCP server
Thirteen slash commands wrapping the designlang CLI: /extract (full design language → DTCG, Tailwind, Figma), /site (crawl a whole site → one canonical design system + consistency grade), /grade (shareable HTML report card + SVG badge), /battle (head-to-head graded comparison), /remix (restyle in 6 vocabularies — brutalist, swiss, art-deco, cyberpunk, soft-ui, editorial), /pack (one downloadable design-system bundle), /theme-swap (OKLCH-correct recolour around a new brand primary), /brand (full editorial brand-guidelines book — 13 chapters, hand-off-ready), /pair (fuse two designs across configurable axes — colours from one site, typography from another), /studio (live token-editor with component preview + export), /verify (rebuild from tokens and pixel-diff vs live for a fidelity score), /fidelity (score a clone vs the original — visual pixel-diff + motion fidelity — with a ranked correction plan), /gallery (build a shareable static gallery of measured clones).
2 skills · 14 commands
Agent skills for real Figma files: Plugin API gotchas, checks before and after every write, comments to verified fixes, handoff gate.
8 skills
This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.