Back to Plugins
Figma-Low-Code

Figma-Low-Code

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 supportDropDown 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 videoDetailed documentation can be found on our Github page and our YouTube channel:https://luisa.cloud/#/help.htmlhttps://www.youtube.com/channel/UC433NvRp6OeA5uewcYV15HA

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 supportDropDown 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 ). Check out the videoDetailed documentation can be found on our Github page and our YouTube channel:https://luisa.cloud/#/help.htmlhttps://www.youtube.com/channel/UC433NvRp6OeA5uewcYV15HA

Plugin Details

Version22
CreatedJune 26, 2020
Last UpdatedOctober 26, 2022
CategorySoftware development
CreatorKlaus Schaefers
Stats4096 installs, 167 likes
PricingFree

Technical Details

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