Back to Plugins
Lasca - No more frontend-coding

Lasca - No more frontend-coding

<h2><strong>No more front-end coding by integrating Figma with React/vue.js/webpack</strong></h2><p><br></p><p>Lasca 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.</p><p><br></p><p>No-code is generally considered to be skeptical and not developer-friendly because of its technical debt and high learning and switching cost. However,<strong> Lasca enables front-end automation in a completely developer-friendly way</strong> through the following approaches.</p><p><br></p><p><br></p><p><strong>How it works</strong></p><p><br></p><p><strong>1. Convert Figma designs including responsiveness to HTML &amp; CSS perfectly</strong></p><p><br></p><p>Lasca converts not only visual elements but also responsive web design using Figma’s constraints and auto layout precisely.</p><p><br></p><p><strong>2. Configure UI logics &amp; interaction with APIs</strong></p><p><br></p><p>Lasca allows you to configure UI logics (condition, loop, variable, event) and interaction with API. They are essential to web applications.</p><p><br></p><p><strong>3. With combination with your own coding, there is nothing you can’t build</strong></p><p><br></p><p>Converted code will be automatically inserted into your frontend code in the place of lasca tag ( &lt;lasca&gt;&lt;/lasca&gt; ) through your build process with webpack.</p><p><br></p><p>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.</p><p><br></p><p><br></p><p><strong>Get started</strong></p><p><br></p><p>You can test Lasca quickly using Get started guide <a href="https://doc.lasca.app/" rel="noreferrer noopener nofollow" target="_blank">here</a>.</p><p><br></p><p><br></p><p><strong>Resources</strong></p><p><br></p><p>You may find certain features do not export correctly. Please reach out to a list of limitations of Figma export <a href="https://doc.lasca.app/design/limitations.html" rel="noreferrer noopener nofollow" target="_blank">here</a>. Also, if you encounter any bugs, please let us know and we'll be able to fix it rapidly :) You can contact us from <a href="https://join.slack.com/t/lasca-community/shared_invite/zt-yak1v48g-Mnkip3BAVFYCMuRS6k_exA" rel="noreferrer noopener nofollow" target="_blank">here</a>.</p>

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/webpack


Lasca 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 works


1. Convert Figma designs including responsiveness to HTML & CSS perfectly


Lasca converts not only visual elements but also responsive web design using Figma’s constraints and auto layout precisely.


2. Configure UI logics & interaction with APIs


Lasca 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 build


Converted 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 started


You can test Lasca quickly using Get started guide here.



Resources


You 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
Stats674 installs, 22 likes
PricingFree

Technical Details

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