made with react.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 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

Gitdash Tools to tidy up your Github Repos
icon-eye-dark Created with Sketch. 308
Nhost Open-source Firebase Alternative with GraphQL
icon-eye-dark Created with Sketch. 351
Sentry for React React Error Monitoring
💙 Sponsored by Friends
image-rocket Created with Sketch.
Launch your own rocket and submit your project!
React Code View Markdown & React Component Playground
icon-eye-dark Created with Sketch. 167
Triplex Visual IDE for React Three Fiber
icon-eye-dark Created with Sketch. 204