Back to Plugins
Kiwi.ui Generate Figma to Front-end code

Kiwi.ui Generate Figma to Front-end code

<p><strong>Kiwiui Export your Figma Desing to React , Angular , VueJs</strong></p><p><br></p><p>Kiwiui is a specialized tool to generate front-end code that high quality production level. </p><p><br></p><p><strong>How to use the Plugin?</strong></p><ul><li>Organize your design elements in Frames</li><li>Put your text and image elements in frames and add __img or&nbsp; __span(h1,...,h6,parapgraph) respectively.</li></ul><p> when you add __C to a frame it is transformed to a component in the code.</p><p><br></p><p><br></p><p><strong>Code exported&nbsp;</strong></p><ul><li>Angular code for now .&nbsp;</li><li>Next will be react and Nextjs.</li></ul><p><br></p><p><strong>Our mission</strong></p><p>Our mission is to build the best tool and most easy to use and learn and to generate a highly customizable and understandable code to boost the production of software.</p><p><br></p><p><strong>Follow us</strong> </p><p>Titkok:&nbsp;&nbsp;<strong>kiwiui1</strong></p><p>email: <strong>[email protected]</strong></p><p><br></p><p><br></p>

csshtmlcode generatorangularreactfigma to htmlcomponentsfigma to codecode-generators

Plugin Preview

Kiwi.ui Generate Figma to Front-end code preview

About this plugin

Kiwiui Export your Figma Desing to React , Angular , VueJs


Kiwiui is a specialized tool to generate front-end code that high quality production level.


How to use the Plugin?

  • Organize your design elements in Frames
  • Put your text and image elements in frames and add __img or  __span(h1,...,h6,parapgraph) respectively.

when you add __C to a frame it is transformed to a component in the code.



Code exported 

  • Angular code for now . 
  • Next will be react and Nextjs.


Our mission

Our mission is to build the best tool and most easy to use and learn and to generate a highly customizable and understandable code to boost the production of software.


Follow us

Titkok:  kiwiui1

email: [email protected]



Plugin Details

Version1
CreatedOctober 5, 2022
Last UpdatedOctober 5, 2022
CategorySoftware development
CreatorMiske elvilaly
Stats159 installs, 21 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Editor Types:
    figma