Back to Plugins
FigCode Generator
Transform Figma designs into customizable code with Tailwind CSS
custom-configpreviewcsstailwindlayer-inspectioncodecode-generators
Plugin Preview
About this plugin
Turn your Figma designs into ready-to-use React JSX code with Tailwind CSS. FigCode Generator bridges the gap between design and modern web development.
Main Features:
- View Layer: See your design layout as a tree, choose which parts to show or hide.
- Create Code: Generate HTML + Tailwind CSS code optimized for JSX in React.
- Customize Tailwind: Set up Tailwind to match your project's needs.
- Preview: See how your generated code looks immediately.
- AI Prompt: Create AI prompts to optimize your code specifically for React + TypeScript + Tailwind CSS projects.
- Easy Copy: Copy generated code or styles with just one click.
Plugin Details
| Version | 2 |
|---|---|
| Created | September 20, 2024 |
| Last Updated | October 9, 2024 |
| Category | Software development |
| Creator | Jay Srkk |
| Stats | 4 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:dev
- Allowed Domains:
- https://cdn.jsdelivr.net
- https://cdn.tailwindcss.com
- https://fonts.googleapis.com
More Like This
Discover other plugins in the Software development category.