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


Creator

Overlay
@Overlay_app


Social Media Links

Storybook Development environment for UI components
icon-eye-dark Created with Sketch. 510
Formland Form Generator for React
icon-eye-dark Created with Sketch. 503
Sentry for React React Error Monitoring
πŸ’™ Sponsored by Friends
We’re hosting on Digital Ocean! πŸ’™ Try it today and get a free $100 credit.
Initab New Tab Browser Extension for Developers
icon-eye-dark Created with Sketch. 453
DeepCode Grammarly for Code
icon-eye-dark Created with Sketch. 349
COMMUNITY SPONSORS