Design systems 7

Converts Figma/XD designs to React code, build web pages with no code.
Quest AI is a platform that converts Adobe XD and Figma designs into live web pages automatically. It allows users to build responsive web pages and interactive playables with little to no code. It generates React components from Figma designs and exports clean, extendable code with built-in support for MUI & Chakra UI. Quest AI aims to streamline the design-to-development workflow, enabling faster iteration and collaboration between design and development teams.

AI design canvas for creating production UI directly in code
Modeinspect is an AI-native design tool for creating production-grade user interfaces directly in a connected codebase. It provides a visual canvas backed by live components, design tokens, real data, responsive breakpoints, and dynamic states. Designers and engineers can explore UI directions with AI, prototype using the actual product system, perform design QA, and send merge-ready, type-safe pull requests without traditional handoffs.

A versatile design platform for UI/UX design, prototyping, and collaboration with AI features.
Figma is a versatile design platform that enables users to design, prototype, and collaborate in one place. It offers tools for UI design, UX design, web design, wireframing, online whiteboarding, and presentation creation. Figma also provides AI-powered features to enhance creativity and streamline workflows, such as image generation, text rewriting, and automated layer renaming.

Tempo: A code-first platform for visual collaboration on code with AI-powered tools.
Tempo is a code-first alternative to Figma that gives PMs, designers, and engineers the ability to collaborate visually on code. It offers the familiar UX of a design tool but functions like an IDE under the hood. Tempo is optimized for Vite and Tailwind. Discover AI-powered tools at Tempo to prompt, develop, and design code effortlessly. Collaborate seamlessly with advanced solutions for faster, smarter web development. Tempo is where designers and developers collaborate on code.

AI-powered tool for collaborative React app development.
Tempo is an AI-powered tool designed to help designers and developers collaborate on code, specifically for React applications. It offers features to prompt, develop, and design code effortlessly, allowing for faster and smarter web development. Tempo allows users to design visually, import components, and work with existing React codebases, providing a comprehensive solution for building UIs.

AI-driven UI design tool for efficient design and team collaboration.
Motiff is an AI-driven user interface design tool that provides comprehensive UI design features and innovative AI functionalities. It aims to be a design partner in the AI era, helping users and teams design more efficiently and create more freely. Motiff supports features like inputting images and text to generate designs, generating multiple revision schemes, creating new local modules, modifying images, extracting online websites into editable designs, writing, translating, and refining text, analyzing designs and providing suggestions, and generating shortcuts to complete tasks. It also facilitates team collaboration with professional interface editors, design systems, and prototyping tools, all in the cloud. Motiff supports easy migration from Figma and Sketch, and ensures efficient delivery with design and code consistency, including support for MCP protocol for seamless integration with AI Coding tools. Motiff AI 2.0 is currently in beta, offering early access to its AI capabilities.

AI design review tool for Figma
Foxiest is an AI-powered design review tool for Figma that helps product teams catch UX issues, accessibility concerns, missing edge cases, and usability problems before development.