Back to Plugins
Frontdrop

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&nbsp;<a href="https://app.frontdrop.io/" rel="noreferrer noopener nofollow ugc" target="_blank">here</a>&nbsp;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>&nbsp;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>&nbsp;-&nbsp;<a href="https://www.linkedin.com/company/frontdrop/" rel="noreferrer noopener nofollow ugc" target="_blank">LinkedIn</a>&nbsp;-&nbsp;<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&nbsp;<a href="https://join.slack.com/t/frontdropcommunity/shared_invite/zt-181bjy37n-9CJntSqNwxuSms~MENrGSg" rel="noreferrer noopener nofollow ugc" target="_blank">Slack community</a>&nbsp;and discuss with one of our team members.</p>

code-generators

Plugin Preview

Frontdrop 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

Version48
CreatedMarch 29, 2022
Last UpdatedJune 24, 2022
CategorySoftware development
CreatorGabriela Tabora
Stats372 installs, 28 likes
PricingPaid

Technical Details

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