{"id":"8287aea1-767c-4e7e-950b-df3b2da3ff4c","shortId":"hNNars","kind":"skill","title":"Figma Design Token Extractor","tagline":"Extracts design tokens from Figma files using the Figma REST API and style-dictionary. Generates CSS custom properties, Tailwind configs, and Swift/Kotlin theme files from Figma components.","description":"# Figma Design Token Extractor\n\nExtracts design tokens from Figma files using the Figma REST API and style-dictionary. Generates CSS custom properties, Tailwind configs, and Swift/Kotlin theme files from Figma components.\n\n## Installation\n\nUse the upstream install or setup path that matches your environment:\n- Make requests for different resources:\n\nRequirements and caveats from upstream:\n- Once granted access, you can use the Figma API to inspect a JSON representation of the file. Every layer or object in a file will be represented within the file by a node (subtree). You will then be able to access and...\n\nBasic usage or getting-started notes:\n- The Figma API supports access and interactions with Figma's different products. This gives you the ability to do things such as view and extract any objects or layers, and their properties from files, get usage data,...\n- Get usage and analytics data:\n- For example: GET https://api.figma.com/v1/files/:key\n\n- Source: https://developers.figma.com/docs/rest-api/\n\n## Documentation\n\n- https://developers.figma.com/docs/rest-api/\n\n## Source\n\n- [Agent Skill Exchange](https://agentskillexchange.com/skills/figma-design-token-extractor-3/)","tags":["figma","design","token","extractor","skills","agentskillexchange","agent-skills","ai-agents","ai-tools","awesome-list","claude-code","codex"],"capabilities":["skill","source-agentskillexchange","skill-figma-design-token-extractor-3","topic-agent-skills","topic-ai-agents","topic-ai-tools","topic-awesome-list","topic-claude-code","topic-codex","topic-cursor","topic-llm","topic-mcp","topic-npx-skills","topic-openclaw","topic-skills-catalog"],"categories":["skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/agentskillexchange/skills/figma-design-token-extractor-3","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add agentskillexchange/skills","source_repo":"https://github.com/agentskillexchange/skills","install_from":"skills.sh"}},"qualityScore":"0.454","qualityRationale":"deterministic score 0.45 from registry signals: · indexed on github topic:agent-skills · 8 github stars · SKILL.md body (1,190 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-05-18T19:10:27.432Z","embedding":null,"createdAt":"2026-05-18T13:16:32.881Z","updatedAt":"2026-05-18T19:10:27.432Z","lastSeenAt":"2026-05-18T19:10:27.432Z","tsv":"'/docs/rest-api/':187,191 '/skills/figma-design-token-extractor-3/)':198 '/v1/files/:key':183 'abil':152 'abl':125 'access':89,127,140 'agent':193 'agentskillexchange.com':197 'agentskillexchange.com/skills/figma-design-token-extractor-3/)':196 'analyt':176 'api':15,47,95,138 'api.figma.com':182 'api.figma.com/v1/files/:key':181 'basic':129 'caveat':84 'compon':32,64 'config':25,57 'css':21,53 'custom':22,54 'data':172,177 'design':2,6,34,38 'developers.figma.com':186,190 'developers.figma.com/docs/rest-api/':185,189 'dictionari':19,51 'differ':80,146 'document':188 'environ':76 'everi':104 'exampl':179 'exchang':195 'extract':5,37,160 'extractor':4,36 'figma':1,9,13,31,33,41,45,63,94,137,144 'file':10,29,42,61,103,110,116,169 'generat':20,52 'get':133,170,173,180 'getting-start':132 'give':149 'grant':88 'inspect':97 'instal':65,69 'interact':142 'json':99 'layer':105,164 'make':77 'match':74 'node':119 'note':135 'object':107,162 'path':72 'product':147 'properti':23,55,167 'repres':113 'represent':100 'request':78 'requir':82 'resourc':81 'rest':14,46 'setup':71 'skill':194 'skill-figma-design-token-extractor-3' 'sourc':184,192 'source-agentskillexchange' 'start':134 'style':18,50 'style-dictionari':17,49 'subtre':120 'support':139 'swift/kotlin':27,59 'tailwind':24,56 'theme':28,60 'thing':155 'token':3,7,35,39 'topic-agent-skills' 'topic-ai-agents' 'topic-ai-tools' 'topic-awesome-list' 'topic-claude-code' 'topic-codex' 'topic-cursor' 'topic-llm' 'topic-mcp' 'topic-npx-skills' 'topic-openclaw' 'topic-skills-catalog' 'upstream':68,86 'usag':130,171,174 'use':11,43,66,92 'view':158 'within':114","prices":[{"id":"59bd412e-a91f-4104-8136-d1ccf2c7d3b8","listingId":"8287aea1-767c-4e7e-950b-df3b2da3ff4c","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"agentskillexchange","category":"skills","install_from":"skills.sh"},"createdAt":"2026-05-18T13:16:32.881Z"}],"sources":[{"listingId":"8287aea1-767c-4e7e-950b-df3b2da3ff4c","source":"github","sourceId":"agentskillexchange/skills/figma-design-token-extractor-3","sourceUrl":"https://github.com/agentskillexchange/skills/tree/main/skills/figma-design-token-extractor-3","isPrimary":false,"firstSeenAt":"2026-05-18T13:16:32.881Z","lastSeenAt":"2026-05-18T19:10:27.432Z"}],"details":{"listingId":"8287aea1-767c-4e7e-950b-df3b2da3ff4c","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"agentskillexchange","slug":"figma-design-token-extractor-3","github":{"repo":"agentskillexchange/skills","stars":8,"topics":["agent-skills","ai-agents","ai-tools","awesome-list","claude-code","codex","cursor","llm","mcp","npx-skills","openclaw","skills-catalog"],"license":"mit","html_url":"https://github.com/agentskillexchange/skills","pushed_at":"2026-05-18T19:02:17Z","description":"The open catalog of AI agent skills — 2,000+ security-scanned skills for Claude Code, Cursor, Codex, and more.","skill_md_sha":"cfb5690513972016917aacd1d0d250392e33e8c8","skill_md_path":"skills/figma-design-token-extractor-3/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/agentskillexchange/skills/tree/main/skills/figma-design-token-extractor-3"},"layout":"multi","source":"github","category":"skills","frontmatter":{"name":"Figma Design Token Extractor","description":"Extracts design tokens from Figma files using the Figma REST API and style-dictionary. Generates CSS custom properties, Tailwind configs, and Swift/Kotlin theme files from Figma components."},"skills_sh_url":"https://skills.sh/agentskillexchange/skills/figma-design-token-extractor-3"},"updatedAt":"2026-05-18T19:10:27.432Z"}}