Back to Plugins
Figma-Low-Code

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 &amp; 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 &lt;MyButton/&gt;). 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>

cssjavascripthtmlcode-generationvuehandofflow-code

Plugin Preview

Figma-Low-Code 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


https://www.youtube.com/channel/UC433NvRp6OeA5uewcYV15HA

Plugin Details

Version22
CreatedJune 26, 2020
Last UpdatedOctober 26, 2022
CategorySoftware development
CreatorKlaus Schaefers
Stats3979 installs, 151 likes
PricingFree

Technical Details

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