Figma Component Library

DesignCode UI offers 300+ ready components, 2,000+ Figma variants, and 2,116 icons with dark/light themes and customizable variables. It integrates with Figma and Framer, supports CSS, React, Tailwind, and auto‑layout for streamlined design‑to‑code handoffs.

Bifrost automatically transforms Figma designs into production‑ready, fully typed React component sets, supporting default props and conditional rendering. It allows iterative updates from Figma, reuses components, and streamlines design‑to‑code handoffs, cutting front‑end development time.

UIAnts offers a library of mobile UI templates for Figma and Sketch across finance, health, e‑commerce, travel, entertainment, education, and on‑demand services. Ready‑styled components, typography, icons, and grids enable quick prototyping, brand consistency, and responsive adjustments.

Codejet converts Figma design systems into production‑ready websites with one click. It offers a library of 100+ templates, AI‑generated responsive code, an integrated visual editor, and built‑in unit‑testing scaffolding for a seamless design‑to‑deployment workflow.

Bravo Studio integrates seamlessly with Figma for efficient app prototyping, offering APIs, add-ons, and real-time iteration. Create mobile apps with lifelike features like haptic feedback and streamline development with stress-free publishing.

Anima is a design-to-code tool that converts Figma designs into responsive web applications, enabling real-time iteration, seamless collaboration through shareable links, and integration of backend services to streamline the design development process.

Blush provides a library of artist-made, customizable illustrations and curated collections with mix-and-match components, multiple styles, and scalable PNG/SVG exports. Plugins for Figma and Sketch enable in-app customization for consistent UI, marketing, and product graphics.

UI Faces offers a free library of high‑quality AI avatars—Human, Alien, Cartoon, and Abstract—plus 100 detailed personas. Designers can browse, download, or insert them via Figma or Adobe Express plugins, speeding prototype development and maintaining visual consistency.

Relume automates site creation by converting brief text into sitemaps, editable wireframes, and style guides. Designers export responsive components to Figma, Webflow, or React, and collaborate via shared projects and comments.

Mckp.live offers a Figma plugin and online editor with over 4,000 editable mockups, including device, branding, print, animated and illustration templates. Designers can replace artwork, adjust layouts, preview across devices, use presets and download assets.

Kombai is an AI agent that automates front‑end development inside IDEs, supporting 400+ frameworks and applying best‑practice patterns to generate production‑ready code. It learns project structure, produces clean, reusable components, and integrates seamlessly into existing repositories while ensur

Superflex is a front-end development tool that automates HTML and CSS generation from Figma designs, allowing for consistent coding style and efficient UI component creation while adapting to existing codebases for streamlined project development.

Uizard converts text or screenshots into editable wireframes, mockups, and prototypes using AI. It offers screenshot and wireframe scanners, theme generation, ready‑made templates, a shared component library, real‑time collaboration, version control, and export to Figma and other tools.

BuninUX supplies Figma and Framer UI kits, templates, and design systems for rapid interface design. It includes reusable component libraries, wireframe templates, and modular UI systems that reduce repetitive work, improve consistency, and speed developer handoff.

ThemeAI is a Figma plugin powered by GPT-4 that provides access to an extensive library of AI-enhanced web design themes, enabling users to explore, create or select from community-generated options, featuring AI-generated color schemes and templates.

Codia AI transforms visual assets—Figma, PDF, Photoshop, Canva, Web, Office—into editable formats or code. It detects UI patterns, outputs JSON, SVG, or Figma layers, and generates responsive code, streamlining design‑to‑code workflows for teams.

An AI‑first design studio partners with founder‑led startups, turning Figma prototypes into MVPs in minutes and boosting developer productivity up to 70%. It delivers web, mobile, and marketing sprints, UI standardization, design system implementation, and Slack updates.

Figma Autoname automatically renames non‑component layers in bulk, preserving existing component names. It supports custom naming rules via Teachable Machine models, streamlines design workflows, and maintains consistent naming across files.

Alloy.app is an AI prototyping tool that enables product teams to create on-brand, production-like prototypes. It captures web components via a browser extension and integrates with design tools like Figma for rapid, seamless workflow.

Vivid is an AI tool that generates modular code from Figma designs, streamlines the design-to-production process, and enables auto-updating and smart collaboration. Users can sign up for early access by joining the waitlist with their work email.

Little Bro integrates into Figma for live UI/UX feedback, simulating user behaviors, testing scenarios, tracking trends, and flagging accessibility issues. It produces rationales, feasibility reports, and unlimited transcript exports, enabling continuous learning and rapid design decisions.

Hermae was an AI assistant that accelerated product shipping for enterprise design systems by converting Storybook documentation into Markdown, generating embeddings, and providing IDE context, public examples, and Figma MCP connections for code generation and design value retrieval.

Frame0 is a wireframing app for hand-drawn, low-fidelity wireframes and interactive prototypes, with 1,500+ sketch-style icons, cross-platform UI components, AI-generated wireframes and code export, diagramming tools, offline support and clickable exports.

UX Magic.ai is an AI-powered design platform that generates high-fidelity wireframes, UI components, and production-ready code from prompts, sketches, or URLs. It enables collaborative workflows with intelligent editing and exports directly to tools like Figma, React, and Webflow.

KomikoAI lets artists generate anime characters, colorize line art, simplify sketches, and remove backgrounds. It also offers animation tools, video conversion, frame interpolation, upscaling, template libraries, Ghibli and cyberpunk filters, and text‑to‑video/comic creation, powered by Gemini, GPT‑

Firebender is an Android Studio AI agent that auto‑generates feature code, applies fixes with refactoring, debugger, and Logcat, and converts Figma designs to Jetpack Compose. It supports custom agents, runs locally for privacy, and cuts boilerplate to speed delivery.

Components AI is an open‑source, no‑code platform that lets designers build responsive components and sites with visual generative modules. It provides theme‑based design tokens, 1000+ fonts, variable‑font control, export to React, SVG, CSS, and one‑click publishing with built‑in accessibility check

Locofy.ai is an AI-driven tool that expedites design-to-code workflows using intelligent models. It provides a low-code interface, integrates with design tools, and offers one-click code export. Enhanced by features like instant previews, code syncing, and GitHub integration, Locofy streamlines fro

Supernova.io is an AI collaborative workspace enabling product teams to prototype, manage design systems, sync tokens, convert Figma prototypes into production-ready components and code, and maintain searchable documentation, governance, and integrations for cross-team alignment.

StoryboardHero turns a brief or existing script into AI‑generated storyboard visuals and scenes in minutes, offering customizable styles, consistent character rendering, optional hand‑drawn sketches, PDF/export, and collaborative link sharing to cut revision time.

Shuffle is an AI‑powered chat builder that creates responsive UIs with Tailwind, Bootstrap, Material‑UI, or Bulma. It offers a 13k‑component library, 80+ front‑end frameworks, SVG generation, VS Code integration, and JSX/TSX export for React, supporting team collaboration and version control.

Supademo records user interactions and auto‑generates guided walkthroughs for web, mobile, and desktop apps. It offers HTML cloning, screenshots, Figma integration, multi‑language voiceovers, branching logic, analytics, and CRM integration to accelerate onboarding and support sales cycles.

Frontender is a Figma plugin that converts design layers into production‑ready code, outputting CSS, CSS‑in‑JS, Tailwind CSS, HTML, and JSX. It automatically analyses layout, determines hierarchy, and supports custom Tailwind configuration for consistent, framework‑ready code.

CodeRocket is an AI‑powered tool that turns text or image prompts into production‑ready Tailwind v4 components for React, Vue, Svelte, Angular, and plain HTML. It supports design cloning, Figma integration, Supabase back‑end, and quick deployment.

UX Pilot is an AI-powered UX/UI design tool that accelerates the design process, enabling users to create high-fidelity UI designs and wireframes in seconds. It integrates with Figma, streamlining UI generation, iteration, and design-to-development handoff.

OpenPencil.dev is a lightweight, open-source desktop design editor that runs locally with full Figma file support. It offers scriptable workflows and an optional AI chat tool, prioritizing developer control and extensibility under the MIT license.

Dora is a no-code AI site builder that lets designers create responsive 3D animated websites using a drag‑and‑connect layout. It offers keyframe animation, direct 3D imports from Figma, and customizable templates for pixel‑perfect UI.

Tempo AI streamlines React application development with a drag-and-drop interface. It supports component imports from Storybook, custom library creation, and integrates with Visual Studio Code and GitHub for improved collaboration and version control.

Visily is an AI‑powered UI design tool that lets users create wireframes, mockups, and prototypes via drag‑and‑drop, generate designs from text, convert screenshots, auto‑apply UI patterns, and support real‑time collaboration and Figma integration.

Polymet is an AI-driven design tool for quick idea prototyping and product design. It integrates with Figma, supports various frameworks, and facilitates collaboration, allowing users to upload, edit, and preview designs efficiently.

ComicsMaker lets creators design characters, generate scenes, and layout pages with AI. Users upload reference images to train custom LoRA models, refine panels via prompts, and export high‑quality comics—no art skills needed.

Sleek generates mobile app mockups from text prompts or images, offering templates, style presets, in-app editing, and modular responsive components. Export clean layouts to Figma or production-ready code for rapid prototyping and developer handoff.

Niral.ai converts Figma designs into production‑ready code with deterministic generation, automatically enforcing usability, security, and architectural standards. It cuts manual coding by up to 95%, speeds delivery three‑fold, and embeds compliance for large, multi‑team modernization projects.

Midlibrary offers a database of 4,000+ SREF codes linked to 5,500+ artistic styles, artists, and techniques for Midjourney prompt engineering. It provides guides, benchmarks, a color roulette, tools for organizing prompts, upscaling images, and converting outputs to 3D models.

AI-powered comic creation tool that enables users to easily generate diverse and engaging comics using multiple styles, layouts, and customization options. Ideal for non-artists, it simplifies the comic-making process with creativity and convenience.

Clip Studio Paint offers natural brush strokes, over 100,000 customizable brushes, vector layers, 3D pose references, perspective rulers, onion‑skin animation up to 24 frames, and cloud sync across Windows, macOS, iPad, Android, and Chromebook.

Motiff AI converts text, wireframes, screenshots, PDFs, or markdown into production‑ready React or HTML UIs, using preset design systems like Minimalist, Material, Ant Design, and shadcn/ui. It enforces consistency, lets designers tweak elements, and outputs clean code for rapid prototyping.

Tootoon is a creative suite for webcomic creation, offering tools for story development, character design, and artwork generation. It streamlines the process with features like automated logline generation and a library of customizable assets for efficient project execution.

LangUI is an open‑source Tailwind CSS component library with 60+ ready‑made, responsive components in dark/light modes. Zero dependencies, simple copy‑paste, customizable slate/blue palette, MIT‑licensed, community‑driven, supports rapid AI UI prototyping.

AIUI.me transforms UI screenshots into clean React.js components styled with TailwindCSS. Upload a design, get ready‑to‑use code that developers can copy or download, and designers can adjust colors, sizes, and layouts for rapid prototyping.