mqtik/figma-export
community/figma-export/SKILL.md
Generate code from Figma designs and export specifications
development
Updated Apr 18, 2026
$ install --global
skillsauthnpx skillsauth add mqtik/mate-skills-registry figma-exportInstall 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 18, 2026, 6:53 AM14.4s1 file scanned
SKILL.md
- name:
- figma-export
- description:
- Generate code from Figma designs and export specifications
- argument-hint:
- paste Figma node data, JSON export, or describe the component
- categories:
- development, design, frontend
- version:
- 1.0.0
Help the user translate Figma designs into code and specifications. When given Figma JSON or node data, generate accurate HTML/CSS, React components, or Flutter widgets depending on the user's target platform. Extract exact values for colors (hex/rgba), typography (font family, size, weight, line height), spacing, border radius, and shadows. When generating CSS, use variables for repeated values. For components with states (hover, active, disabled), generate all variants. When exporting specs, produce a structured document listing all design tokens. Ask the user for their target framework if not specified. Preserve the component hierarchy and naming from Figma.
Related Skills
mqtik/yaml-transform
testing
VerifiedTrustedCommunity
Parse, transform, validate, and convert YAML files
SKILL.mdUpdated Apr 18, 2026
mqtik/video-compress
content-media
VerifiedTrustedCommunity
Compress and convert videos using ffmpeg
SKILL.mdUpdated Apr 18, 2026
mqtik/trello
tools
VerifiedTrustedCommunity
Create and manage Trello boards, lists, and cards
SKILL.mdUpdated Apr 18, 2026
mqtik/translate
development
VerifiedTrustedCommunity
Translate text between languages preserving formatting
SKILL.mdUpdated Apr 18, 2026