Overlay
The first platform to generate clean code from its design components. Overlay is a plugin to convert Figma or Sketch components into React/Vue.js/HTML clean code components. Overlay instantly creates dev-friendly web components from designer tools. This documentation assists designers and developers in accelerating their web design integration process. We’ve developed Overlay so that designers can be autonomous in building pixel-perfect components without knowing the modern JavaScript framework. 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. Overlay Playgrounds are design files with a lot of component examples, ready for Overlay, and all the explanations to make them by yourself and become an expert. It's still possible to use Overlay with other setups, this adds a little work overhead after getting components code. In the future, we will add more and more setups.
Learn more
Handoff
Handoff gives designers and developers an extensive design tool that allows them to design and build UIs simultaneously. An all-new way for both teams to jump in on the action, and create great digital products – together. Stop creating pixel-perfect visual representations of your UI – Start creating the real thing. Handoff feels familiar to traditional design tools, but it’s jam-packed with features for an iterative design-to-development handoff. Choose from a library of 35+ pre-built UI elements, including native web elements like headings, input fields, and buttons. Piece them together to create reusable components and import or copy-paste them into your codebase in your language of choice.
Learn more
Locofy
Frontend development accelerated with AI. Turn designs into frontend code for web & mobile. Build full apps, screens, components & design systems. Ship products 10x faster with your existing design tools, libraries, tech stack & CI/CD workflows. Figma & Adobe XD to React, React Native, HTML/CSS, Gatsby, Next.js, Vue, and more coming soon. Keep using the tools you already use. We provide a Figma & Adobe XD plugin to tag your interactive elements and handle styling, layout, and responsiveness. As a bonus, we provide pre-built components from Material UI, Bootstrap, Ant Design, Chakra UI as well as your Storybook. Locofy converts your designs into production-ready code for React, React Native, HTML-CSS, Next.js, Gatsby, Vue, and more on the way in your preferred framework. Make reusable components and props with LocoAI. Export your code in your preferred settings (CSS Modules, Tailwind, CSS, Typescript, JavaScript, Expo).
Learn more
Sitejet
All-in-One Web Design Platform. Easily collaborate with your team and customers to build, manage, and launch websites. Skyrocket your revenue and profit by designing, shipping, and maintaining better sites in less time. Experience an industry-leading CMS built by web designers for teams driven by efficiency and excellence. Streamline client feedback, team assignments, and project files all inside the same blazing-fast tool.
Learn more