thoreinstein/figma-design
skills/figma-design/SKILL.md
Interact with Figma design files via the web browser using the Figma Plugin API. Can create shapes, modify properties, extract information from design files.
$ install --global
skillsauthnpx skillsauth add thoreinstein/agents figma-designInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 17, 2026, 1:23 AM28.8s1 file scanned
SKILL.md
- name:
- figma-design
- version:
- 1.0.0
- description:
- >-
- chrome-devtools_navigate_page:
- true
- chrome-devtools_evaluate_script:
- true
- chrome-devtools_take_snapshot:
- true
- chrome-devtools_take_screenshot:
- true
- chrome-devtools_click:
- true
- chrome-devtools_fill:
- true
- chrome-devtools_wait_for:
- true
Figma Design Skill
Interact with Figma design files via the web browser using the Figma Plugin API.
Instructions
-
Use the
chrome-devtools_navigate_pagetool to go to Figma's website. Then, prompt the user to log in to their Figma account if they are not already logged in and open a specific design file. -
Once the user has opened the design file, use
chrome-devtools_evaluate_scriptto confirm that you have access to thefigmaglobal object, which indicates that you are within the Figma environment. If you do not have access, inform the user that they need to open a Figma design file or see the Troubleshooting section below. -
After confirming access, execute the user's query using
chrome-devtools_evaluate_scriptto run JavaScript code that interacts with the Figma Plugin API. You can perform tasks such as creating shapes, modifying properties, or extracting information from the design file.
Rules of Engagement
- Always explain in plain English what you are about to do. Assume that the user cannot read code.
- Do not try alternative solutions like using the REST API or manually interacting with the Figma UI.
Troubleshooting
If figma is not defined:
- Make sure that the user has appropriate permissions to edit the file and run plugins
- If the user doesn't have permissions, suggest creating a new branch on the file
- If the
figmaglobal is still not accessible, instruct the user to manually open any plugin and close it, then try again
Note: There is a known bug where the
figmaglobal is not available until a plugin has been opened at least once in the file.
Additional Documentation
The full reference to the Figma Plugin API can be found here: Figma Plugin API Documentation
Related Skills
thoreinstein/whizz-mind
testing
VerifiedTrustedCommunity
Consult the whizz-mind knowledge base for documentation and answers. Use when the user asks questions that might be answered by stored documentation or when explicitly asked to check whizz-mind.
3SKILL.mdUpdated Apr 16, 2026
thoreinstein/web-quality-audit
development
VerifiedTrustedCommunity
Comprehensive web quality audit covering performance, accessibility, SEO, and best practices. Use when asked to "audit my site", "review web quality", "run lighthouse audit", "check page quality", or "optimize my website".
3SKILL.mdUpdated Apr 16, 2026
thoreinstein/ultrathink
testing
VerifiedTrustedCommunity
Ultra-deep multi-perspective analysis for complex architectural and strategic decisions requiring systematic reasoning across technical, business, user, and system perspectives
3SKILL.mdUpdated Apr 16, 2026
thoreinstein/seo
data-ai
VerifiedTrustedCommunity
Optimize for search engine visibility and ranking. Use when asked to "improve SEO", "optimize for search", "fix meta tags", "add structured data", "sitemap optimization", or "search engine optimization".
3SKILL.mdUpdated Apr 16, 2026