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

BotDelive 2FA and Push Notification Service via IM
icon-eye-dark Created with Sketch. 268
Anima for React Transform Sketch/Figma/XD to React Code
icon-eye-dark Created with Sketch. 594
Sentry for React React Application Monitoring
πŸ’™ Sponsored by Friends
We’re hosting on Digital Ocean! πŸ’™ Try it today and get a free $100 credit.
Remotion Create videos programmatically
icon-eye-dark Created with Sketch. 140
React Styleguidist Component Development Environment
icon-eye-dark Created with Sketch. 1.201
COMMUNITY SPONSORS