made with react.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 React (or Vue / 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

Plasmic Visual Page Builder
icon-eye-dark Created with Sketch. 384
Fusuma Markdown Slide Generator
icon-eye-dark Created with Sketch. 112
Sentry for React React Application Monitoring
πŸ’™ Sponsored by Friends
We’re hosting on Digital Ocean! πŸ’™ Try it today and get a free $100 credit.
React Styleguidist Component Development Environment
icon-eye-dark Created with Sketch. 1.383
Docz Documentation Generator
icon-eye-dark Created with Sketch. 564