Frontdrop
<p>Export your components and design system to Frontdrop, integrate the generated code into your web application codebase and publish your website or app.</p><p><br></p><h2><strong>How to use the plugin?</strong></h2><ul><li>First create a new account <a href="https://app.frontdrop.io/" rel="noreferrer noopener nofollow ugc" target="_blank">here</a> in Frontdrop app</li><li>Select the frame you want to tranform into code and run our plugin</li><li>Hit “Send to Frontdrop”</li><li>Go to your dashboard and your code is ready</li></ul><p><br></p><h2><strong>Code Export</strong></h2><ul><li>Html and CSS</li></ul><p><br></p><h2><strong>Limitations</strong></h2><p>The current version of the Frontdrop design to code plugin does not yet support</p><ul><li>Responsive code (WIP)</li><li>Component overrides and variants (WIP)</li><li>Rich-text elements (WIP)</li></ul><h2><br></h2><h2><strong>About Us</strong></h2><p><a href="http://frontdrop.io/" rel="noreferrer noopener nofollow ugc" target="_blank">Frontdrop.io</a> is a tool that help you skip the 80% of the work building interfaces</p><p><br></p><h2><strong>Follow Us</strong></h2><p><a href="https://twitter.com/frontdrop" rel="noreferrer noopener nofollow ugc" target="_blank">Twitter</a> - <a href="https://www.linkedin.com/company/frontdrop/" rel="noreferrer noopener nofollow ugc" target="_blank">LinkedIn</a> - <a href="https://www.instagram.com/frontdrop.io/" rel="noreferrer noopener nofollow ugc" target="_blank">Instagram</a></p><p><br></p><h2><strong>Support/Community</strong></h2><p>Need help? Join us on our <a href="https://join.slack.com/t/frontdropcommunity/shared_invite/zt-181bjy37n-9CJntSqNwxuSms~MENrGSg" rel="noreferrer noopener nofollow ugc" target="_blank">Slack community</a> and discuss with one of our team members.</p>
Plugin Preview
About this plugin
Export your components and design system to Frontdrop, integrate the generated code into your web application codebase and publish your website or app.
How to use the plugin?
- First create a new account here in Frontdrop app
- Select the frame you want to tranform into code and run our plugin
- Hit “Send to Frontdrop”
- Go to your dashboard and your code is ready
Code Export
- Html and CSS
Limitations
The current version of the Frontdrop design to code plugin does not yet support
- Responsive code (WIP)
- Component overrides and variants (WIP)
- Rich-text elements (WIP)
About Us
Frontdrop.io is a tool that help you skip the 80% of the work building interfaces
Follow Us
Twitter - LinkedIn - Instagram
Support/Community
Need help? Join us on our Slack community and discuss with one of our team members.
Plugin Details
Version | 48 |
---|---|
Created | March 29, 2022 |
Last Updated | June 24, 2022 |
Category | Software development |
Creator | Gabriela Tabora |
Stats | 372 installs, 28 likes |
Pricing | Paid |
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.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI