uipkg - Export design to React components
<p>Supercharge your frontend development by creating React components from your design.</p><p><br></p><h2>What is uipkg?</h2><p><a rel="noreferrer noopener nofollow ugc" href="https://uipkg.com" target="_blank">uipkg</a> 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.</p><p><br></p><p><strong>β¨ Pixel perfect components</strong></p><p>Your components will look and feel exactly like they do in Figma</p><p><br></p><p><strong>π Dynamic content and interactions</strong></p><p>Add content variables and event handlers to your components</p><p><br></p><p><strong>π¦ Packaged up and ready to go</strong></p><p>Install published components straight from your terminal via NPM or Yarn</p><p><br></p><p><strong>π· Automatic version control</strong></p><p>Keep your components in sync with the design without breaking your code</p><p><br></p><p><strong>πͺ First class TypeScript support</strong></p><p>Always know which props are available and which are required</p><p><br></p><p><strong>βοΈ Works with your framework</strong></p><p>Whether you are using Next.js, Remix, Gatsby, or any other, itβs ready to use</p><p><br></p><p><a rel="noreferrer noopener nofollow ugc" href="https://uipkg.com" target="_blank">π Learn more about uipkg</a></p>
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 components
Your components will look and feel exactly like they do in Figma
π Dynamic content and interactions
Add content variables and event handlers to your components
π¦ Packaged up and ready to go
Install published components straight from your terminal via NPM or Yarn
π· Automatic version control
Keep your components in sync with the design without breaking your code
πͺ First class TypeScript support
Always know which props are available and which are required
βοΈ Works with your framework
Whether you are using Next.js, Remix, Gatsby, or any other, itβs ready to use
Plugin Details
Version | 18 |
---|---|
Created | February 21, 2022 |
Last Updated | November 23, 2022 |
Category | Software development |
Creator | Martynas KadiΕ‘a |
Stats | 476 installs, 79 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.