{"enrichment":{"faq":[{"a":"Figma design tool integration connects to Figma's API to retrieve design files, pull component data, and automate design-to-code pipelines. Figma enables you to generate React components and Tailwind CSS directly from Figma nodes, export images in multiple formats, and sync design system updates programmatically.","q":"What is Figma design tool integration and how does it work?"},{"a":"Figma collaboration features allow team members to work together on design work in real time. Figma enables file sharing, design reviews, and team collaboration workflows that keep everyone synchronized on project updates and design decisions.","q":"How does Figma support collaboration features for team members?"},{"a":"Yes, Figma supports creating and prototyping interactive designs. Figma allows you to build interactive prototypes that demonstrate user flows and interactions, making it easier to validate design concepts before development.","q":"Can Figma create and manage interactive prototypes?"},{"a":"Figma workflow automation streamlines design handoff processes through its API and plugin ecosystem. Figma enables automated design-to-code pipelines, asset management, and design token synchronization to reduce manual handoff work and improve team productivity.","q":"How does Figma automate design workflows and handoff processes?"},{"a":"Figma component libraries let you build and maintain reusable design components. Figma's design system capabilities allow teams to create centralized component libraries and design tokens that ensure consistency across projects and simplify updates across multiple files.","q":"What are Figma component libraries and design systems?"},{"a":"Figma enables design-to-code conversion by generating React components and Tailwind CSS from design nodes. Figma also supports version control through its file management system, allowing teams to track changes and maintain design history throughout the development process.","q":"Does Figma support design-to-code conversion and version control?"}],"shadow_tags":["design-collaboration","ui-ux-workflow","prototyping-platform","design-handoff","component-systems","team-design-tools","design-automation","visual-design-suite"],"summary_rewrite":"Connect to Figma's API to retrieve design files, pull component data, and automate design-to-code pipelines. Generate React components and Tailwind CSS directly from Figma nodes, export images in multiple formats, and sync design system updates programmatically."},"gist":{"api_url":"https://skillfed.io/api/skills/hoodini/ai-agents-skills/figma.json","as_of":"2026-07-11","description":"Figma lets you access design files, extract components, and automate design-to-code workflows via API. npx skillfed install hoodini/ai-agents-skills/figma","install":{"manual":["git clone https://github.com/hoodini/ai-agents-skills","cp -r ai-agents-skills ~/.claude/skills/figma"],"primary":"npx skillfed install hoodini/ai-agents-skills/figma","version":"bebc3fc3"},"kind":"skill","mirror_url":"https://skillfed.io/hoodini/ai-agents-skills/figma.md","similar":[{"id":"johnlindquist/claude/figma","name":"Figma","publisher":"johnlindquist/claude","url":"https://skillfed.io/johnlindquist/claude/figma"},{"id":"TheQtCompanyRnD/agent-skills/qt-figma-token-extraction","name":"Qt Figma Token Extraction","publisher":"TheQtCompanyRnD/agent-skills","url":"https://skillfed.io/TheQtCompanyRnD/agent-skills/qt-figma-token-extraction"},{"id":"Egonex-AI/Understand-Anything/understand-figma","name":"understand-figma","publisher":"Egonex-AI/Understand-Anything","url":"https://skillfed.io/Egonex-AI/Understand-Anything/understand-figma"},{"id":"AceDataCloud/Skills/figma","name":"Figma","publisher":"AceDataCloud/Skills","url":"https://skillfed.io/AceDataCloud/Skills/figma"},{"id":"yonatangross/orchestkit/figma-design-handoff","name":"figma-design-handoff","publisher":"yonatangross/orchestkit","url":"https://skillfed.io/yonatangross/orchestkit/figma-design-handoff"}],"title":"Figma by hoodini: Create and prototype interactive designs \u2014 SkillFed","use":{"when":["Figma collaboration features allow team members to work together on design work in real time.","Yes, Figma supports creating and prototyping interactive designs."]},"what":{"lead":"Figma lets you access design files, extract components, and automate design-to-code workflows via API.","rest":"Connect to Figma's API to retrieve design files, pull component data, and automate design-to-code pipelines. Generate React components and Tailwind CSS directly from Figma nodes, export images in multiple formats, and sync design system updates programmatically."}},"id":"hoodini/ai-agents-skills/figma","install":{"mode":"external","repo":"https://github.com/hoodini/ai-agents-skills"},"links":{"html":"https://skillfed.io/hoodini/ai-agents-skills/figma","md":"https://skillfed.io/hoodini/ai-agents-skills/figma.md","repo":"https://github.com/hoodini/ai-agents-skills"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":59,"language":"Python","last_updated":"2026-07-11","license":null,"name":"Figma","publisher":"hoodini","stars":257},"relations":{"similar":[{"id":"johnlindquist/claude/figma"},{"id":"TheQtCompanyRnD/agent-skills/qt-figma-token-extraction"},{"id":"Egonex-AI/Understand-Anything/understand-figma"},{"id":"AceDataCloud/Skills/figma"},{"id":"Aradotso/mcp-skills/huolala-figma-mcp"},{"id":"yonatangross/orchestkit/figma-design-handoff"},{"id":"xtone/ai_development_tools/figma-spec-extractor"},{"id":"daffy0208/ai-dev-standards/figma-developer"},{"id":"figma/mcp-server-guide/figma-code-connect"},{"id":"Devin-AXIS/iPolloWork/figma-code-connect"}]},"slug":{"owner":"hoodini","repo":"ai-agents-skills","skill":"figma"},"version":"bebc3fc3"}