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 & 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 & 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 ( <lasca></lasca> ) 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>
Plugin 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
Version | 7 |
---|---|
Created | August 3, 2021 |
Last Updated | December 2, 2021 |
Category | Software development |
Creator | Genki Sato |
Stats | 674 installs, 22 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.