Back to Plugins
Lasca - No more frontend-coding

Lasca - No more frontend-coding

No more front-end coding by integrating Figma with React/vue.js/webpackLasca is a new type of no-code platform designed for developers to automate front-end coding for not only static websites but also production applications, and build them dramatically faster.No-code is generally considered to be skeptical and not developer-friendly because of its technical debt and high learning and switching cost. However, Lasca enables front-end automation in a completely developer-friendly way through the following approaches.How it works1. Convert Figma designs including responsiveness to HTML & CSS perfectlyLasca converts not only visual elements but also responsive web design using Figma’s constraints and auto layout precisely.2. Configure UI logics & interaction with APIsLasca allows you to configure UI logics (condition, loop, variable, event) and interaction with API. They are essential to web applications.3. With combination with your own coding, there is nothing you can’t buildConverted code will be automatically inserted into your frontend code in the place of lasca tag ( <lasca></lasca> ) through your build process with webpack.Lasca does not control entire our vue.js project. It is incrementally adoptable. You can choose to automate the front-end using the lasca tag or code it yourself in various ways.Get startedYou can test Lasca quickly using Get started guide here.ResourcesYou may find certain features do not export correctly. Please reach out to a list of limitations of Figma export here. Also, if you encounter any bugs, please let us know and we'll be able to fix it rapidly :) You can contact us from here.

csshtmlcode-generators

Plugin Preview

Lasca - No more frontend-coding preview

About this plugin

No more front-end coding by integrating Figma with React/vue.js/webpackLasca is a new type of no-code platform designed for developers to automate front-end coding for not only static websites but also production applications, and build them dramatically faster.No-code is generally considered to be skeptical and not developer-friendly because of its technical debt and high learning and switching cost. However, Lasca enables front-end automation in a completely developer-friendly way through the following approaches.How it works1. Convert Figma designs including responsiveness to HTML & CSS perfectlyLasca converts not only visual elements but also responsive web design using Figma’s constraints and auto layout precisely.2. Configure UI logics & interaction with APIsLasca allows you to configure UI logics (condition, loop, variable, event) and interaction with API. They are essential to web applications.3. With combination with your own coding, there is nothing you can’t buildConverted code will be automatically inserted into your frontend code in the place of lasca tag ( ) through your build process with webpack.Lasca does not control entire our vue.js project. It is incrementally adoptable. You can choose to automate the front-end using the lasca tag or code it yourself in various ways.Get startedYou can test Lasca quickly using Get started guide here.ResourcesYou may find certain features do not export correctly. Please reach out to a list of limitations of Figma export here. Also, if you encounter any bugs, please let us know and we'll be able to fix it rapidly :) You can contact us from here.

Plugin Details

Version7
CreatedAugust 3, 2021
Last UpdatedDecember 2, 2021
CategorySoftware development
CreatorGenki Sato
Stats680 installs, 22 likes
PricingFree

Technical Details

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