figma-to-code

Name: figma-to-code
Rating: 0.6 (1 reviews)
Author: anton-abyzov

12.9

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.

Also in: github

Third-Party Agent Skill: Review the code before installing. Agent skills execute in your AI assistant's environment and can access your files. Learn more about security

Installation for Agentic Skill

View all platforms →

Claude Code (CLI) Fast

skilz install anton-abyzov/sw-soccer-manager/figma-to-code

OpenCode (CLI) Fast

skilz install anton-abyzov/sw-soccer-manager/figma-to-code --agent opencode

OpenAI Codex (CLI) Native

skilz install anton-abyzov/sw-soccer-manager/figma-to-code --agent codex

Gemini CLI (Project) Project

skilz install anton-abyzov/sw-soccer-manager/figma-to-code --agent gemini

First time? Install Skilz: pip install skilz

Works with 22+ AI coding agents

Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...

View All Agents

For Claude Desktop Easy

Download Agent Skill ZIP

Extract and copy to ~/.claude/skills/ then restart Claude Desktop

Manual Installation

1. Clone the repository:

git clone https://github.com/anton-abyzov/sw-soccer-manager

2. Copy the agent skill directory:

 cp -r sw-soccer-manager/fantasy-league-simulator-011CUyYf2FjxNwxxVN18853h/plugins/specweave-figma/skills/figma-to-code ~/.claude/skills/

View on GitHub

Need detailed installation help? Check our platform-specific guides:

Claude Desktop Guide Claude Code Guide Troubleshooting

Related Agentic Skills

tailwind-shadcn-setup

by vanman2024

Setup Tailwind CSS and shadcn/ui component library for Next.js projects. Use when configuring Tailwind CSS, installing shadcn/ui, setting up design to...

TECHjavascript

Marketplace

+github+json

spanish-language-tutor

by sandraschi

Comprehensive Spanish language expert covering grammar, conversation, regional dialects, and language learning strategies

javascript

+github

frontend-dev-guidelines

by diet103

Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organizati...

TECHjavascript

torch-geometric

by davila7

Graph Neural Networks (PyG). Node/graph classification, link prediction, GCN, GAT, GraphSAGE, heterogeneous graphs, molecular property prediction, for...

TECHjavascript

Marketplace

+machine learning

Agentic Skill Details

Owner: anton-abyzov (GitHub)
Repository: sw-soccer-manager
Type: Technical
Meta-Domain: development
Primary Domain: javascript
Market Score: 12.9

Agentic Skill Grades →

Browse Category

More development Agentic Skills

Report Security Issue

Found a security vulnerability in this agent skill?