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 about Locofy
Gummble
Gummble is a UI design reference library with more than 300,000 real app screenshots, 21,000+ user flows, and design patterns from 1,500+ shipped iOS, Android, and web products. Designers, UX researchers, developers, and product teams can search by pattern, such as onboarding, paywalls, empty states, and settings; by UI copy; or by complete flows. Each screen includes design analysis, and users can save references to collections. Its MCP server lets compatible AI assistants and coding tools, including Claude, Cursor, and Codex, search the library to ground interface design and implementation in real product examples. The free plan offers limited browsing; Browse adds unlimited screens, flows, downloads, collections, and MCP access, while Pro adds Figma export.
Learn more about Gummble
Grida
From entire frames to a single component, Grida will respond to your click instantly. The headless workflow will make your job even faster. Speed up every step of your project with Grida. Grida is a free and open-source platform that will automatically transform your Figma design to developer-friendly code for web & mobile apps. Grida is solely dedicated to Figma platform to bring you the most advanced, responsive development experience ever. You will find everything you need to go on-air with Figma. Figma requires write access to the file in order to run the plugin. You can request your team manager to assign an editor role to you. To bring your imagination to life as fast as possible, Grida converts your design into human-level code, which dramatically reduces hours and months of development time. Building UI applications from scratch costs a lot of time. Coding all the designs from scratch may seem like a conventional way, but it is not anymore.
Learn more about Grida
Pagedone
Pagedone - a library featuring 1000+ UI components, sections, and pages designed in Figma and built on Tailwind CSS.
Here are the few things you will get on Pagedone:
β¨πππ πππ¨π§π π
π’π π¦π πππ¬π’π π§ π¬π²π¬πππ¦
Pagedone presents the ultimate design system for all your design projects, featuring a vast collection of over 12,000 components, blocks, templates, dashboards, and more. Experience a lightning-fast design process seamlessly integrated with Figma.
β¨ππ±π©ππ«ππ₯π² ππ«πππππ πππ’π₯π°π’π§π ππ₯π¨ππ€π¬
Pagedone provides artfully designed blocks, pages, and components built with Tailwind CSS.
β¨πππ πππ¨π§π πππ¨π§ ππ’ππ«ππ«π² ( FREE )
Pagedone's icons are not only expertly designed in Figma but are also available in four distinct styles. The SVG code is highly optimized, aligning perfectly with a 24px grid. Additionally, our web app empowers you to effortlessly edit icon strokes, colors, and sizes.
Learn more about Pagedone