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 | 496 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.
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.