Figma-Low-Code
<p>The Figma-Low-Code plugin allows you to use your Figma designs directly in <a rel="noreferrer noopener nofollow ugc" href="http://VUE.js" target="_blank">VUE.js</a> applications. By using Figma-Low-Code you can reduce the need for manual hand-offs greatly.</p><p><br></p><p>The plugin allows to define advanced widgets (input, lists and more) and Hover and Focus states. In addition, you can bind elements to backend code and data.</p><p><br></p><p><strong>New:</strong></p><ul><li>Link & SEO support</li></ul><p><br></p><ul><li>DropDown elements as new element types supported.</li></ul><p><br></p><ul><li>Figma-Low-Code support basic interactive components now. The feature is still in beta, but all feedback is welcome.</li></ul><p><br></p><ul><li>Figma-Low-Code also allows you to directly use your design system in VUE components (e.g. as <MyButton/>). Check out the <a rel="noreferrer noopener nofollow ugc" href="https://youtu.be/xh95ile-QqY" target="_blank">video</a></li></ul><p><br></p><p>Detailed documentation can be found on our Github page and our YouTube channel:</p><p><br></p><p><a rel="noreferrer noopener nofollow ugc" href="https://luisa.cloud/#/help.html" target="_blank">https://luisa.cloud/#/help.html</a></p><p><br></p><p><a rel="noreferrer noopener nofollow ugc" href="https://www.youtube.com/channel/UC433NvRp6OeA5uewcYV15HA" target="_blank">https://www.youtube.com/channel/UC433NvRp6OeA5uewcYV15HA</a></p>
Plugin Preview
About this plugin
The Figma-Low-Code plugin allows you to use your Figma designs directly in VUE.js applications. By using Figma-Low-Code you can reduce the need for manual hand-offs greatly.
The plugin allows to define advanced widgets (input, lists and more) and Hover and Focus states. In addition, you can bind elements to backend code and data.
New:
- Link & SEO support
- DropDown elements as new element types supported.
- Figma-Low-Code support basic interactive components now. The feature is still in beta, but all feedback is welcome.
- Figma-Low-Code also allows you to directly use your design system in VUE components (e.g. as <MyButton/>). Check out the video
Detailed documentation can be found on our Github page and our YouTube channel:
https://luisa.cloud/#/help.html
Plugin Details
Version | 22 |
---|---|
Created | June 26, 2020 |
Last Updated | October 26, 2022 |
Category | Software development |
Creator | Klaus Schaefers |
Stats | 4054 installs, 158 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.
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.