mckinsey Workflow
- Run Understand the Figma link.
- Extract component properties for
components[]. - Extract component structure for
mainComponents[].
Show the output to the user in the JSON format described in the reference documents.
Figma Extract
Inventories components, properties, and structure from a Figma URL. Use before implementing or reviewing Figma-driven components.
Figma Extract by mckinsey · 0eb1ac7
npx skillmds@latest add mckinsey/figma-extract File contents
---name: figma-extractdescription: Inventories components, properties, and structure from a Figma URL. Use before implementing or reviewing Figma-driven components.---# Workflow1. Run [Understand the Figma link](reference/understand-figma-link.md).2. [Extract component properties](reference/extract-component-information.md) for `components[]`.3. [Extract component structure](reference/extract-structure-for-components.md) for `mainComponents[]`.Show the output to the user in the JSON format described in the reference documents.
mckinsey/quantumblack-design-system/tree/main/.agents/skills/figma-extract commit 0eb1ac7ef5
Frequently asked questions
Run npx skillmds@latest add mckinsey/figma-extract in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
Inventories components, properties, and structure from a Figma URL. Use before implementing or reviewing Figma-driven components. It is listed under Design & Media on SkillMD.
This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
mckinsey (@mckinsey) published this skill. Their other Agent Skills are listed on their SkillMD profile.