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


Social Media Links

vue-frag Use Vue 3's Fragment Feature in Vue 2
icon-eye-dark Created with Sketch. 1.392
Vue Fluid DnD Drag & Drop Library
icon-eye-dark Created with Sketch. 757
Sentry for Vue Vue Application Monitoring
πŸ’š Sponsored by Friends
We’re hosting on Digital Ocean! πŸ’™ Try it today and get a free $100 credit.
LaRecipe Documentation Generator
icon-eye-dark Created with Sketch. 9.099
Vue Collapsed Height Transitions
icon-eye-dark Created with Sketch. 1.335