figma-to-code
Design-to-code workflow patterns for Figma. Assumes Figma MCP server provides design data. Converts design tokens to CSS/TypeScript, scaffolds components following Atomic Design, generates tests, and integrates with SpecWeave living docs. Activates for figma to code, implement design, convert figma to react, design tokens, component generation, figma url.
About figma-to-code
figma-to-code is a Claude AI skill developed by anton-abyzov. Design-to-code workflow patterns for Figma. Assumes Figma MCP server provides design data. Converts design tokens to CSS/TypeScript, scaffolds components following Atomic Design, generates tests, and integrates with SpecWeave living docs. Activates for figma to code, implement design, convert figma to react, design tokens, component generation, figma url. This powerful Claude Code plugin helps developers automate workflows and enhance productivity with intelligent AI assistance.
Why use figma-to-code? With 0 stars on GitHub, this skill has been trusted by developers worldwide. Install this Claude skill instantly to enhance your development workflow with AI-powered automation.

anton-abyzov
specweave
Download Skill Files
View Installation GuideDownload the complete skill directory including SKILL.md and all related files