{"enrichment":{"faq":[{"a":"Figma Use is your foundation for design and prototyping work. Start by opening a file, then use the design toolbar to create shapes, add text, and organize layers into frames. Build interactive prototypes by adding interactions to objects\u2014link frames together, set triggers like clicks or hovers, and preview your prototype to test user flows. Figma Use covers the core workflows you need before running Plugin API code for advanced automation.","q":"How to use Figma for design and prototyping?"},{"a":"Figma Use provides essential beginner guidance: familiarize yourself with the canvas, toolbar, and layers panel first. Create a new file, draw basic shapes, and practice organizing them into frames. Learn text editing rules and auto-layout fundamentals to build responsive designs. Understanding these basics in Figma Use prepares you to work efficiently and sets you up for more advanced features and team collaboration.","q":"What should beginners know about getting started with Figma?"},{"a":"Figma Use emphasizes critical best practices: organize files with clear layer hierarchies and meaningful frame names. Use components to maintain consistency across designs and reduce duplication. Follow incremental workflows to avoid common failures\u2014save frequently, version your work, and document your design system. Proper file organization in Figma Use prevents bottlenecks and makes collaboration smoother for your entire team.","q":"What are the best practices for Figma workflow and file organization?"},{"a":"Figma Use explains how to leverage shared components and design systems for team workflows. Create reusable components, set up libraries, and manage variables to keep designs consistent across projects. Enable commenting and real-time editing so team members can collaborate simultaneously. Figma Use provides the rules for managing these shared assets and avoiding conflicts during collaborative design work.","q":"How does Figma Use support team collaboration and components?"},{"a":"Figma Use covers the design tools overview including shapes, text, color ranges, and layer management. Learn to use frames for responsive layouts, apply auto-layout for flexible designs, and manage constraints. The skill also addresses export options, shortcuts, and interactive prototypes. These tools form the foundation before you call the `use_figma` tool for write operations and custom plugin logic.","q":"What design tools and features does Figma Use cover?"},{"a":"Figma Use is the prerequisite skill for executing Plugin API operations safely and effectively. It establishes critical rules for text editing, auto-layout behavior, color ranges, and incremental workflows that prevent common failures. Load Figma Use before calling the `use_figma` tool to inspect file structure, manage variables and components, or perform write operations with confidence.","q":"Why load Figma Use before running Plugin API code?"}],"shadow_tags":["design-software","ui-ux-tools","collaborative-design","prototyping-platform","vector-graphics","design-workflow","team-collaboration","design-fundamentals"],"summary_rewrite":"Figma Use is the prerequisite skill for running Plugin API code in Figma files. Load it before calling the `use_figma` tool to perform write operations, inspect file structure, manage variables and components, or execute custom logic. The skill provides critical rules for text editing, auto-layout, color ranges, and incremental workflows to avoid common failures."},"gist":{"api_url":"https://skillfed.io/api/skills/Devin-AXIS/iPolloWork/figma-use.json","as_of":"2026-07-27","description":"Figma Use enables you to execute Plugin API code for programmatic design operations in Figma files. npx skillfed install Devin-AXIS/iPolloWork/figma-use","install":{"manual":["git clone https://github.com/Devin-AXIS/iPolloWork","cp -r iPolloWork ~/.claude/skills/figma-use"],"primary":"npx skillfed install Devin-AXIS/iPolloWork/figma-use","version":"75485931"},"kind":"skill","mirror_url":"https://skillfed.io/Devin-AXIS/iPolloWork/figma-use.md","similar":[{"id":"openai/skills/figma-use","name":"Figma Use","publisher":"openai/skills","url":"https://skillfed.io/openai/skills/figma-use"},{"id":"Devin-AXIS/iPolloWork/figma-use-figjam","name":"Figma Use Figjam","publisher":"Devin-AXIS/iPolloWork","url":"https://skillfed.io/Devin-AXIS/iPolloWork/figma-use-figjam"},{"id":"openai/skills/figma-generate-design","name":"Figma Generate Design","publisher":"openai/skills","url":"https://skillfed.io/openai/skills/figma-generate-design"},{"id":"Devin-AXIS/iPolloWork/figma-generate-design","name":"Figma Generate Design","publisher":"Devin-AXIS/iPolloWork","url":"https://skillfed.io/Devin-AXIS/iPolloWork/figma-generate-design"},{"id":"Devin-AXIS/iPolloWork/figma-generate-library","name":"Figma Generate Library","publisher":"Devin-AXIS/iPolloWork","url":"https://skillfed.io/Devin-AXIS/iPolloWork/figma-generate-library"}],"title":"Figma Use by Devin-AXIS: Learn how to use Figma for design and prototyping \u2014 SkillFed","use":{"when":["Figma Use provides essential beginner guidance: familiarize yourself with the canvas, toolbar, and layers panel first.","Figma Use emphasizes critical best practices: organize files with clear layer hierarchies and meaningful frame names."]},"what":{"lead":"Figma Use enables you to execute Plugin API code for programmatic design operations in Figma files.","rest":"Figma Use is the prerequisite skill for running Plugin API code in Figma files. Load it before calling the `use_figma` tool to perform write operations, inspect file structure, manage variables and components, or execute custom logic. The skill provides critical rules for text editing, auto-layout, color ranges, and incremental workflows to avoid common failures."}},"id":"Devin-AXIS/iPolloWork/figma-use","install":{"mode":"external","repo":"https://github.com/Devin-AXIS/iPolloWork"},"links":{"html":"https://skillfed.io/Devin-AXIS/iPolloWork/figma-use","md":"https://skillfed.io/Devin-AXIS/iPolloWork/figma-use.md","repo":"https://github.com/Devin-AXIS/iPolloWork"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":266,"language":"TypeScript","last_updated":"2026-07-27","license":"NOASSERTION","name":"Figma Use","publisher":"Devin-AXIS","stars":1925},"relations":{"similar":[{"id":"figma/mcp-server-guide/figma-use"},{"id":"openai/skills/figma-use"},{"id":"figma/mcp-server-guide/figma-use-figjam"},{"id":"Devin-AXIS/iPolloWork/figma-use-figjam"},{"id":"openai/skills/figma-generate-design"},{"id":"figma/mcp-server-guide/figma-generate-design"},{"id":"Devin-AXIS/iPolloWork/figma-generate-design"},{"id":"figma/mcp-server-guide/figma-generate-library"},{"id":"Devin-AXIS/iPolloWork/figma-generate-library"},{"id":"figma/mcp-server-guide/figma-use-slides"}]},"slug":{"owner":"Devin-AXIS","repo":"iPolloWork","skill":"figma-use"},"version":"75485931"}