SVG to TSX
Convert Figma icons to React components and push directly to your Git repository
Plugin Preview
About this plugin
Keeping icons in sync between design and code is tedious. SVG to TSX automates the entire workflow by converting Figma icons to React components and pushing changes directly to your Git repositories.
Key Features:
• Automatic SVG to TSX conversion using industry-standard SVGR
• Real-time preview of selected icons
• Direct Git integration with automatic PR creation
• Multi-platform support: GitHub, GitLab, and Bitbucket
• Type-safe TypeScript components
• Persistent settings saved per Figma file
• Component name preservation for consistent naming
Benefits:
• Designers no longer need to manually export SVGs
• Developers save time by skipping manual conversion and configuration
• Automated pull request creation streamlines the review process
• Consistent component structure across all icons
How It Works:
1. Select icon components in Figma
2. Review the auto-generated TSX code
3. Configure your Git repository and branch
4. Export - creates a new branch and pull request automatically
Perfect for teams who want to maintain design-code consistency with minimal manual work.
Plugin Details
| Version | 2 |
|---|---|
| Created | January 5, 2026 |
| Last Updated | January 8, 2026 |
| Category | Software development |
| Creator | kt |
| Stats | 3 installs, 0 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Network Access:
Allows users to connect to any GitHub or GitLab instance (including self-hosted/enterprise) by entering their custom API domain
- Editor Types:figma
- Allowed Domains:
- *
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.