Figma to React Component
<p>Simple generator for React Component.</p><p>Select any node and run the plugin, it will generate React code.</p><p><br></p><p>To get most out of this plugin, be sure to</p><ul><li><strong>use Auto Layout as possible</strong> - layout style is derived from Auto Layout properties</li><li><strong>name Nodes appropriately</strong> - Node names are used for component name and class names</li><li><strong>Use Spacer component for different margins in Auto Layout frame </strong>- This is the best way to design and code space in my opinion. Please read the article below for further thoughts on this subject</li></ul><p><br></p><p><a href="https://dev.to/seya/how-to-style-margin-with-react-8m9" rel="noreferrer noopener nofollow ugc" target="_blank">https://dev.to/seya/how-to-style-margin-with-react-8m9</a></p>
Plugin Preview
About this plugin
Simple generator for React Component.
Select any node and run the plugin, it will generate React code.
To get most out of this plugin, be sure to
- use Auto Layout as possible - layout style is derived from Auto Layout properties
- name Nodes appropriately - Node names are used for component name and class names
- Use Spacer component for different margins in Auto Layout frame - This is the best way to design and code space in my opinion. Please read the article below for further thoughts on this subject
Plugin Details
Version | 15 |
---|---|
Created | April 2, 2021 |
Last Updated | June 26, 2022 |
Category | Software development |
Creator | Kazuya Seki |
Stats | 5333 installs, 281 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Editor Types:figma
More Like This
Discover other plugins in the Software development category.