Back to Plugins

CodeMate
Convert Figma designs to React code
Plugin Preview
About this plugin
• Generates TypeScript React components from Figma selections
• Supports Emotion CSS-in-JS and TailwindCSS styling
• Automatically merges Figma Variants into a single component with props
• Handles component instances and slot patterns
Plugin Details
| Version | 2 |
|---|---|
| Created | October 27, 2025 |
| Last Updated | January 22, 2026 |
| Category | Software development |
| Creator | Astra |
| Stats | 0 installs, 0 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/index.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://cdn.jsdelivr.net
- https://fonts.googleapis.com
- https://fonts.gstatic.com
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.