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

Maker Comment

Overlay

Maker

Hi hunters and makers! So glad to be here today! Thanks a lot for the hunt @thomass_fm ❤️ I am Côme (pronounce "Cowm" 😊), and I created Overlay, after 2 years of hard work with my teammate @kevin_jean. To be honest, I dreamed of this special day 😍! We created Overlay to help designers and developers speak the same language and save hours of design integration. Our mission with Overlay is to automate design-to-code workflows. And we thought components in Figma or Sketch are a very good start. They are small, well structured, and good news, developers, also use components. Also, the biggest challenge to auto-generate code from design tools like Figma is to make it clean and match with developers constraints. This has been our day and night challenge over the last months! Start with small pieces, but generate a crazy CLEAN and REUSABLE code that developers will actually love to reuse. Now Overlay is available for Figma! You can start creating a project (choose React, Vue.js or Html + SCSS or Styled component), and export your first components. It's FREE to start, and I would love to have all your feedback about the product, our journey is just starting! Best, PS : Use Figma Auto-Layout for your components. It's the best way to get to quality code and avoid inconsistencies (overlaps, wrong padding or margins). Côme

Report

5yr ago

See discussion