Overlay

Turn Figma components into clean and reusable React/Vue.js

55 followers

Visit website
•
•
Overlay helps designers and developers convert their Figma components into clean and reusable React, Vue.js and Html code. 💎 Flex attributes ⭐️ Props 👌 Minimum CSS lines 🖌 Style variables 💅SCSS, Styled Components 🔗 No dependencies, just copy-paste.
Overlay gallery image
Overlay gallery image
Overlay gallery image
Overlay gallery image
Overlay gallery image
Overlay gallery image
Overlay gallery image
Launch tags:Design Tools•Productivity•User Experience
Launch Team
Migma AI
Migma AI
Lovable for Email
Promoted

What do you think? …

Victor Gross
Looks great ! I have seen a lot of design to code products. Mostly generating position:absolute, how do you handle this ?
Côme Sabran
Maker
@vicgrss Thanks ! Indeed, this has been the most frequent problem of latest design-to-code tools. I would answer this : 1. Design tools like Figma are now much more dev oriented and let us get more "clean" design, i'm of course thinking about Auto-layout features. 2. We have a component approach. Components are, small, and well structured, it makes it easier to genereate great code out of it, instead of trying to get a thouthand Html lines out of a full page. 3. Our algos generate Flex positions by default, and only position:absolute for Overlapping layers, for example in complex composition (mostly on landing pages) Does this answers your question ?
Victor Gross
@vicgrss @come_sabran yep completely thanks
Rod Dutra
Awesome, I'll definitely give this a try! Congrats on the launch! PS: the website still says "(Figma coming soon)" under Features.
Côme Sabran
Maker
@roddutra_ Thanks a lot ! Indeed we just noticed.. oops 🙄. We are one it, it should be removed in a few minutes !
Côme Sabran
Maker
@roddutra_ Done :)
Vladimír Seman
that is awesome! i am figma user and happy to see it :-) i can see how it increases the productivity.
Côme Sabran
Maker
@vladojsem Thanks a lot ! 😍
Rémy Luciani
The missing bridge between design and frontend code. And it's very easy to use. 👌
Côme Sabran
Maker
@remy_luciani Oh yeah !
Agnieszka Stec
Seems life-changing for the front-end developers 😍
Côme Sabran
Maker
@ygnys That's our goal, change their life :) Thanks a lot !
Yoon Jeongtak
Overlay is a great innovation. I look forward to the day when all designers and developers have to use Overlay.
Côme Sabran
Maker
@yoon_jeongtak Wow, that's a great feedback 😍 Thanks a lot !
Nolwen Dupond
Wow super idea. Congrates
Côme Sabran
Maker
@nolwen_ Thanks a lot for these nice words :)
First
Previous
123
•••
Next
Last