uipkg - Export design to React components
Supercharge your frontend development by creating React components from your design.What is uipkg?uipkg helps reduce friction between designers and devs while delivering top-notch user experiences to your end-users. With uipkg, you can export your Figma design to React components and use them in your project in seconds.✨ Pixel perfect componentsYour components will look and feel exactly like they do in Figma👌 Dynamic content and interactionsAdd content variables and event handlers to your components📦 Packaged up and ready to goInstall published components straight from your terminal via NPM or Yarn🏷 Automatic version controlKeep your components in sync with the design without breaking your code💪 First class TypeScript supportAlways know which props are available and which are required⚛️ Works with your frameworkWhether you are using Next.js, Remix, Gatsby, or any other, it’s ready to use🔗 Learn more about uipkg
Plugin Preview
About this plugin
Supercharge your frontend development by creating React components from your design.What is uipkg?uipkg helps reduce friction between designers and devs while delivering top-notch user experiences to your end-users. With uipkg, you can export your Figma design to React components and use them in your project in seconds.✨ Pixel perfect componentsYour components will look and feel exactly like they do in Figma👌 Dynamic content and interactionsAdd content variables and event handlers to your components📦 Packaged up and ready to goInstall published components straight from your terminal via NPM or Yarn🏷 Automatic version controlKeep your components in sync with the design without breaking your code💪 First class TypeScript supportAlways know which props are available and which are required⚛️ Works with your frameworkWhether you are using Next.js, Remix, Gatsby, or any other, it’s ready to use🔗 Learn more about uipkg
Plugin Details
| Version | 18 |
|---|---|
| Created | February 21, 2022 |
| Last Updated | November 23, 2022 |
| Category | Software development |
| Creator | Martynas Kadiša |
| Stats | 499 installs, 82 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/figma/index.html
- main:dist/figma/plugin.js
- Editor Types:figma
More Like This
Discover other plugins in the Software development category.
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.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code