Best AI tools for< Create Design System >
20 - AI tool Sites

BugFree.ai
BugFree.ai is an AI-powered platform designed to help users practice system design and behavior interviews, similar to Leetcode. The platform offers a range of features to assist users in preparing for technical interviews, including mock interviews, real-time feedback, and personalized study plans. With BugFree.ai, users can improve their problem-solving skills and gain confidence in tackling complex interview questions.

Quest
Quest is a web-based application that allows users to generate React code from their designs. It incorporates AI models to generate real, useful code that incorporates all the things professional developers care about. Users can use Quest to build new applications, add to existing applications, and create design systems and libraries. Quest is made for development teams and integrates with the design and dev tools that users love. It is also built for the most demanding product teams and can be used to build new applications, build web pages, and create component templates.

Marblism
Marblism is a platform that allows developers to quickly and easily launch React and Node.js applications. With Marblism, developers can generate the database schema, all the endpoints in the API, the design system, and even a few pages in the front-end. This can save developers a significant amount of time and effort, allowing them to focus on adding their unique touch to their applications.

Figr
Figr is an AI-driven platform that specializes in UI design and workflow optimization. It leverages artificial intelligence to streamline the design process, making it more efficient and user-friendly. With Figr, users can create stunning user interfaces with ease, thanks to its intuitive tools and smart suggestions. The platform caters to both beginners and experienced designers, offering a range of features to enhance productivity and creativity. Figr aims to revolutionize the way UI design is approached by integrating AI technology seamlessly into the workflow.

Musho
Musho is an AI-powered design assistant that helps users create beautiful and professional websites, landing pages, and social media posts with just a few simple prompts. It is designed to be easy to use, even for those with no design experience, and it can save users a significant amount of time and effort. Musho is available as a plugin for Figma, a popular design tool, and it can also be used as a standalone web application.

UXPin
UXPin is an AI-powered UX/UI and prototyping tool designed for designers and developers to streamline the design process. It allows users to design UI, create prototypes, manage design systems, and merge code seamlessly. With advanced features like AI-powered design, code-backed components, and integration with popular libraries, UXPin enhances collaboration between designers and developers, resulting in faster product development cycles and improved design consistency.

Developer Roadmaps
Developer Roadmaps (roadmap.sh) is a community-driven platform offering official roadmaps, guides, projects, best practices, questions, and videos to assist developers in skill development and career growth. It provides role-based and skill-based roadmaps covering various technologies and domains. The platform is actively maintained and continuously updated to enhance the learning experience for developers worldwide.

Magic Patterns
Magic Patterns is an AI design tool that allows users to prototype product ideas, iterate on components and designs using an AI-native editor, and export to React or Figma. It enables users to generate new UI designs, add features to existing UIs, apply themes, and create UIs from prompts or images. Loved by software teams for its efficiency in designing, Magic Patterns streamlines the product development process by quickly transforming UI ideas into visually appealing designs.

LanguageGUI
LanguageGUI is an open-source design system and UI Kit for giving LLMs the flexibility of formatting text outputs into richer graphical user interfaces. It includes dozens of unique UI elements that serve different use cases for rich conversational user interfaces, such as 100+ UI components & customizable screens, 10+ conversational UI widgets, 20+ chat bubbles, 30+ pre-built screens to kickoff your design, 5+ chat sidebars with customizable settings, multi-prompt workflow screen designs, 8+ prompt boxes, and dark mode. LanguageGUI is designed with variables and styles, designed with Figma Auto Layout, and is free to use for both personal and commercial projects without required attribution.

Motiff
Motiff is an AI-powered professional interface design tool that enables collaboration between human and AI to achieve 10x efficiency in UI design. It offers a comprehensive platform for designing, aligning, and building with a team, along with features like cloud collaboration, prototyping, and Dev Mode for developers. Motiff provides high-performance design tools at a cost-effective price, with a focus on smooth performance, speedy optimization, and robust stability. The application aims to push creativity to the max by starting intelligent practices and exploring the future of AI design systems.

Diagramix
Diagramix is an AI-powered tool that allows users to generate various types of diagrams, such as sequence diagrams, flowcharts, state diagrams, ER diagrams, user journey diagrams, class diagrams, mind maps, and use case diagrams. Users can create these diagrams easily and efficiently with the help of Diagramix and ChatGPT. The tool provides a user-friendly interface for creating visual representations of complex systems and processes, making it ideal for professionals, students, and anyone who needs to visualize information.

Figma
Figma is a collaborative interface design tool that allows design and development teams to work together on building great products. It offers features like design and prototyping in one place, collaborating with a digital whiteboard, translating designs into code, creating presentations, and exploring AI features. Figma helps streamline the product development process by providing tools for design systems, prototyping, UX design, web design, wireframing, and more. It aims to bring design and development teams together to create a seamless workflow and improve productivity.

Durable
Durable is a custom software development platform powered by generative AI. It enables users to create tailored software solutions without writing any code. The platform is designed to be accessible to users of all technical abilities and leverages advanced AI techniques to generate deploy-ready software that meets specific user needs and earns their trust. The team behind Durable comprises experienced founders, venture capital investors, and AI research leaders. Their AI technology combines deep learning and symbolic AI to understand user intent, validate assumptions, and continuously learn and reason. Durable is committed to developing the next chapter of AI and welcomes inquiries from driven and enthusiastic individuals interested in shaping the future of software development.

Capsule
Capsule is an AI-powered video editing tool designed for enterprise teams to create professional-grade videos quickly and easily. It uses motion graphics and AI technology to streamline the editing process, making it 10x faster than traditional video editors. With Capsule, users can stay on brand with motion design systems, automate editing tasks with an AI-powered assistant, and create stunning videos with studio-quality graphics and captions. The tool is designed to be user-friendly, allowing even non-professionals to create engaging videos at scale.

The Web App Builder
The Web App Builder by Unshift AI is an AI-powered platform designed to help users quickly and efficiently create fully functional web applications using modern JavaScript frameworks. With features like an advanced editor, support for various frameworks, and access to professionally written code, the platform streamlines the app development process and saves developers time. Users can easily customize design elements, manage content, and export their apps to different frameworks. The platform also offers AI-generated content, extensive component libraries, and a customizable design system to enhance app development. Overall, The Web App Builder is a comprehensive tool for building web applications with ease and efficiency.

Fathom5
Fathom5 is a company that specializes in the intersection of AI and industrial systems. They offer a range of products and services to help customers build more resilient, flexible, and efficient industrial systems. Fathom5's approach is unique in that they take a security-first approach to cyber-physical system design. This means that security is built into every stage of the development process, from ideation to engineering to testing to deployment. This approach has been proven to achieve higher system resiliency and faster regulatory compliance at a reduced cost.

N-iX
N-iX is a global provider of software development outsourcing services with delivery centers across Europe and over 2,200 expert software developers. We partner with technology businesses globally helping them to build successful engineering teams and create innovative software products. Our expertise includes cloud solutions, data analytics, machine learning & AI, embedded software and IoT, enterprise VR, and RPA and enterprise platforms.

Institute for Protein Design
The Institute for Protein Design is a research institute at the University of Washington that uses computational design to create new proteins that solve modern challenges in medicine, technology, and sustainability. The institute's research focuses on developing new protein therapeutics, vaccines, drug delivery systems, biological devices, self-assembling nanomaterials, and bioactive peptides. The institute also has a strong commitment to responsible AI development and has developed a set of principles to guide its use of AI in research.

Appsmakerstore
Appsmakerstore is a leader in innovative, AI-driven mobile app development services targeted at the general public. With its 100% No-Code SaaS service, Appsmakerstore assists businesses and organizations, supporting entrepreneurship and economic growth, promoting industrial innovation, and contributing to reducing inequality in line with the UN's Sustainable Development Goals. This is achieved by offering modern technology to a wide range of users worldwide, regardless of their technical background.

PicturePerfectAI
PicturePerfectAI is an AI-powered avatar maker that allows users to create customized, life-like avatars for various purposes. With a user-friendly interface and over 100 styles to choose from, users can generate unique avatars that represent their personality or brand. PicturePerfectAI prioritizes quality results by training its own models and running its own GPU servers, offering high-quality avatars at an affordable price. The platform ensures complete data privacy by encrypting user data and deleting uploaded photos and AI models within 24 hours.
20 - Open Source AI Tools

motleycrew
Motleycrew is an ultimate framework for building multi-agent AI systems, allowing users to mix and match AI agents and tools from popular frameworks, design advanced workflows, and leverage dynamic knowledge graphs with simplicity and elegance. It acts as a conductor orchestrating a symphony of AI agents and tools, providing building blocks for creating AI systems and enabling users to focus on high-level design while taking care of the rest. The framework offers integration with various tools, flexibility in providing agents with tools or other agents, advanced flow design capabilities, and built-in observability and caching features.

bedrock-engineer
Bedrock Engineer is an AI assistant for software development tasks powered by Amazon Bedrock. It combines large language models with file system operations and web search functionality to support development processes. The autonomous AI agent provides interactive chat, file system operations, web search, project structure management, code analysis, code generation, data analysis, agent and tool customization, chat history management, and multi-language support. Users can select agents, customize them, select tools, and customize tools. The tool also includes a website generator for React.js, Vue.js, Svelte.js, and Vanilla.js, with support for inline styling, Tailwind.css, and Material UI. Users can connect to design system data sources and generate AWS Step Functions ASL definitions.

atomic_agents
Atomic Agents is a modular and extensible framework designed for creating powerful applications. It follows the principles of Atomic Design, emphasizing small and single-purpose components. Leveraging Pydantic for data validation and serialization, the framework offers a set of tools and agents that can be combined to build AI applications. It depends on the Instructor package and supports various APIs like OpenAI, Cohere, Anthropic, and Gemini. Atomic Agents is suitable for developers looking to create AI agents with a focus on modularity and flexibility.

plate
Plate is a rich-text editor framework designed for simplicity and efficiency. It consists of core plugin system, various plugin packages, primitive hooks and components, and pre-built components. Plate offers templates for different use cases like Notion-like template, Plate playground template, and Plate minimal template. Users can refer to the documentation for more information on Plate. Contributors are welcome to join the project by giving stars, making pull requests, or sharing plugins.

atlas-mcp-server
ATLAS (Adaptive Task & Logic Automation System) is a high-performance Model Context Protocol server designed for LLMs to manage complex task hierarchies. Built with TypeScript, it features ACID-compliant storage, efficient task tracking, and intelligent template management. ATLAS provides LLM Agents task management through a clean, flexible tool interface. The server implements the Model Context Protocol (MCP) for standardized communication between LLMs and external systems, offering hierarchical task organization, task state management, smart templates, enterprise features, and performance optimization.

ComposeAI
ComposeAI is an Android & iOS application similar to ChatGPT, built using Compose Multiplatform. It utilizes various technologies such as Compose Multiplatform, Material 3, OpenAI Kotlin, Voyager, Koin, SQLDelight, Multiplatform Settings, Coil3, Napier, BuildKonfig, Firebase Analytics & Crashlytics, and AdMob. The app architecture follows Google's latest guidelines. Users need to set up their own OpenAI API key before using the app.

Awesome-AITools
This repo collects AI-related utilities. ## All Categories * All Categories * ChatGPT and other closed-source LLMs * AI Search engine * Open Source LLMs * GPT/LLMs Applications * LLM training platform * Applications that integrate multiple LLMs * AI Agent * Writing * Programming Development * Translation * AI Conversation or AI Voice Conversation * Image Creation * Speech Recognition * Text To Speech * Voice Processing * AI generated music or sound effects * Speech translation * Video Creation * Video Content Summary * OCR(Optical Character Recognition)

AiTreasureBox
AiTreasureBox is a versatile AI tool that provides a collection of pre-trained models and algorithms for various machine learning tasks. It simplifies the process of implementing AI solutions by offering ready-to-use components that can be easily integrated into projects. With AiTreasureBox, users can quickly prototype and deploy AI applications without the need for extensive knowledge in machine learning or deep learning. The tool covers a wide range of tasks such as image classification, text generation, sentiment analysis, object detection, and more. It is designed to be user-friendly and accessible to both beginners and experienced developers, making AI development more efficient and accessible to a wider audience.

awesome-generative-ai
A curated list of Generative AI projects, tools, artworks, and models

redbox-copilot
Redbox Copilot is a retrieval augmented generation (RAG) app that uses GenAI to chat with and summarise civil service documents. It increases organisational memory by indexing documents and can summarise reports read months ago, supplement them with current work, and produce a first draft that lets civil servants focus on what they do best. The project uses a microservice architecture with each microservice running in its own container defined by a Dockerfile. Dependencies are managed using Python Poetry. Contributions are welcome, and the project is licensed under the MIT License.

AITreasureBox
AITreasureBox is a comprehensive collection of AI tools and resources designed to simplify and accelerate the development of AI projects. It provides a wide range of pre-trained models, datasets, and utilities that can be easily integrated into various AI applications. With AITreasureBox, developers can quickly prototype, test, and deploy AI solutions without having to build everything from scratch. Whether you are working on computer vision, natural language processing, or reinforcement learning projects, AITreasureBox has something to offer for everyone. The repository is regularly updated with new tools and resources to keep up with the latest advancements in the field of artificial intelligence.

hugging-llm
HuggingLLM is a project that aims to introduce ChatGPT to a wider audience, particularly those interested in using the technology to create new products or applications. The project focuses on providing practical guidance on how to use ChatGPT-related APIs to create new features and applications. It also includes detailed background information and system design introductions for relevant tasks, as well as example code and implementation processes. The project is designed for individuals with some programming experience who are interested in using ChatGPT for practical applications, and it encourages users to experiment and create their own applications and demos.

llm-twin-course
The LLM Twin Course is a free, end-to-end framework for building production-ready LLM systems. It teaches you how to design, train, and deploy a production-ready LLM twin of yourself powered by LLMs, vector DBs, and LLMOps good practices. The course is split into 11 hands-on written lessons and the open-source code you can access on GitHub. You can read everything and try out the code at your own pace.

cheat-sheet-pdf
The Cheat-Sheet Collection for DevOps, Engineers, IT professionals, and more is a curated list of cheat sheets for various tools and technologies commonly used in the software development and IT industry. It includes cheat sheets for Nginx, Docker, Ansible, Python, Go (Golang), Git, Regular Expressions (Regex), PowerShell, VIM, Jenkins, CI/CD, Kubernetes, Linux, Redis, Slack, Puppet, Google Cloud Developer, AI, Neural Networks, Machine Learning, Deep Learning & Data Science, PostgreSQL, Ajax, AWS, Infrastructure as Code (IaC), System Design, and Cyber Security.

agent-zero
Agent Zero is a personal and organic AI framework designed to be dynamic, organically growing, and learning as you use it. It is fully transparent, readable, comprehensible, customizable, and interactive. The framework uses the computer as a tool to accomplish tasks, with no single-purpose tools pre-programmed. It emphasizes multi-agent cooperation, complete customization, and extensibility. Communication is key in this framework, allowing users to give proper system prompts and instructions to achieve desired outcomes. Agent Zero is capable of dangerous actions and should be run in an isolated environment. The framework is prompt-based, highly customizable, and requires a specific environment to run effectively.

open-computer-use
Open Computer Use is a secure cloud Linux computer powered by E2B Desktop Sandbox and controlled by open-source LLMs. It allows users to operate the computer via keyboard, mouse, and shell commands, live stream the display of the sandbox on the client computer, and pause or prompt the agent at any time. The tool is designed to work with any operating system and supports integration with various LLMs and providers following the OpenAI API specification.

pmhub
PmHub is a smart project management system based on SpringCloud, SpringCloud Alibaba, and LLM. It aims to help students quickly grasp the architecture design and development process of microservices/distributed projects. PmHub provides a platform for students to experience the transformation from monolithic to microservices architecture, understand the pros and cons of both architectures, and prepare for job interviews. It offers popular technologies like SpringCloud-Gateway, Nacos, Sentinel, and provides high-quality code, continuous integration, product design documents, and an enterprise workflow system. PmHub is suitable for beginners and advanced learners who want to master core knowledge of microservices/distributed projects.

gitdiagram
GitDiagram is a tool that turns any GitHub repository into an interactive diagram for visualization in seconds. It offers instant visualization, interactivity, fast generation, customization, and API access. The tool utilizes a tech stack including Next.js, FastAPI, PostgreSQL, Claude 3.5 Sonnet, Vercel, EC2, GitHub Actions, PostHog, and Api-Analytics. Users can self-host the tool for local development and contribute to its development. GitDiagram is inspired by Gitingest and has future plans to use larger context models, allow user API key input, implement RAG with Mermaid.js docs, and include font-awesome icons in diagrams.

Awesome-AI-Agents
Awesome-AI-Agents is a curated list of projects, frameworks, benchmarks, platforms, and related resources focused on autonomous AI agents powered by Large Language Models (LLMs). The repository showcases a wide range of applications, multi-agent task solver projects, agent society simulations, and advanced components for building and customizing AI agents. It also includes frameworks for orchestrating role-playing, evaluating LLM-as-Agent performance, and connecting LLMs with real-world applications through platforms and APIs. Additionally, the repository features surveys, paper lists, and blogs related to LLM-based autonomous agents, making it a valuable resource for researchers, developers, and enthusiasts in the field of AI.
20 - OpenAI Gpts

Design System Technical Specialist
Expert in Technical Design System Foundations and Components

Design Systems Guide
Fed with all the major design systems docs sites and some expert blogs

🌟Technical diagrams pro🌟
Create UML for flowcharts, Class, Sequence, Use Case, and Activity diagrams using PlantUML. System design and cloud infrastructure diagrams for AWS, Azue and GCP. No login required.

Creator's Guide to the Future
You made it, Creator! 💡 I'm Creator's Guide. ✨️ Your dedicated Guide for creating responsible, self-managing AI culture, systems, games, universes, art, etc. 🚀

Synthetic Biologist
A customized ChatGPT designed to excel in the field of synthetic biology, as a scientist, an engineer, and a business man

Diagramas: Muéstrame
Cree diagramas, visualizaciones de arquitectura, diagramas de flujo, mapas mentales, esquemas y más. Ideal para codificación, presentaciones y documentación de códigos. ¡Exporta y edita tu diagrama gratis!

Molli AI 🌱 Permaculture GPT
Discover the world of Permaculture with me! Learn how to create a thriving food forest, mastering regenerative gardening and agroforestry to grow a diverse, sustainable garden and farm.

A blueprint for humanity (Regen Sage)
Guiding transformative journeys towards regenerative world for the benefit of people, planetary systems and prosperity.

ChatUML
Expert in all UML diagrams: Requirements in, Diagram Out – your precise solution for every specification.