made with vue.js

Overlay

Design to Code Tool

Visit Site

Description

Design to Code Tool

"Our mission with Overlay is to automate design-to-code workflows. It is a plugin to transform your Figma components and Sketch Symbols into clean and reusable Vue (or React / HTML) code.

We’ve developed Overlay so that designers can be autonomous on building pixel perfect component without knowing modern JavaScript frameworks. Moreover, we think front-end developers must spend their time on high value tasks (performance, SEO, business logic) and not on translating UX work to code."


Creator

Overlay
@Overlay_app


Social Media Links

Vue CLI The official command line for Vue.js
icon-eye-dark Created with Sketch. 972
Beagl Drag & Drop Form Builder
icon-eye-dark Created with Sketch. 1.440
Sentry for Vue Vue Error Monitoring
πŸ’š Sponsored by Friends
We’re hosting on Digital Ocean! πŸ’™ Try it today and get a free $100 credit.
Vue Gitalk Wrapper for Gitalk Comments
icon-eye-dark Created with Sketch. 435
icon-eye-dark Created with Sketch. 18.512
COMMUNITY SPONSORS