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

Gson Google sheets to JSON converter
icon-eye-dark Created with Sketch. 2.889
Layoutit Grid Interactive CSS Grid Generator
icon-eye-dark Created with Sketch. 5.229
Sentry for Vue Vue Application Monitoring
💚 Sponsored by Friends
Discover a framework that is designed from scratch to be incrementally adoptable!
Vue Testing Library DOM Testing Utilities
icon-eye-dark Created with Sketch. 2.483
Cachet Open-source Status Page System
icon-eye-dark Created with Sketch. 5.938