made with vue.js


Design to Code Tool

Visit Site


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."

Social Media Links

ClusterCS Server Management Control Panel
icon-eye-dark Created with Sketch. 4.522
Vue Collapsed Height Transitions
icon-eye-dark Created with Sketch. 494
Sentry for Vue Vue Application Monitoring
πŸ’š Sponsored by Friends
We’re hosting on Digital Ocean! πŸ’™ Try it today and get a free $100 credit.
Kestra Open-source Orchestration & Scheduling Platform
icon-eye-dark Created with Sketch. 358
Packtracker Webpack Bundle Monitoring
icon-eye-dark Created with Sketch. 1.192