Alternatives to Devault
Compare Devault alternatives for your business or organization using the curated list below. SourceForge ranks the best alternatives to Devault in 2026. Compare features, ratings, user reviews, pricing, and more from Devault competitors and alternatives in order to make an informed decision for your business.
-
1
Pagedone
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.Starting Price: $89/year/user -
2
Locofy
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).Starting Price: Free -
3
Unite UX
Progress Telerik
Designers and developers, you can finally have perfectly matching building blocks on both sides of your own UI design system. Avoid unnecessary iterations and get your apps crafted as designed. Ready-to-use design kits for Figma to match the themes offered with Kendo UI: Material, Bootstrap and Default. Export your design assets to Unite UX and eliminate the handoff hassle. Keep your constantly evolving design assets in perfect sync with the component library. Stop reinventing the wheel when it comes to UI. Create your components in Figma, apply the styles to the ready-made Kendo UI library in Unite UX, reuse infinitely, anywhere. Ensure design requirements are reflected in the development-ready components. Apply styles throughout your entire component library. Collaborate live in-browser with your teammates - designers, developers and beyond. Get and give feedback in context.Starting Price: $16 per user per month -
4
Grida
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. -
5
Monday Hero
Monday Hero
Create your custom component library straight from your designs, saving up to 60% of your development time. Forget about the hassle of manually coding design details and focus on the big picture. Transform your Figma, Adobe XD, and Sketch designs into reusable code efficiently. Build an amazing UI for your iOS native application. Use both xib and programming-style UI components. Convert design to Dart and use Google's UI toolkit for building natively compiled applications. Convert design to Javascript and use its libraries for building user interfaces. Hand off the design straight to the development team. Build quickly with reusable components instead of coding from UI from scratch. Get all the static components from Monday Hero and invest your time wisely. Whether working solo or in a team, Monday Hero's innovative features ensure you work efficiently, cohesively, and productively. Ensure your code is exactly what you want before moving it to your project.Starting Price: $85 per month -
6
Motiff
Motiff
Motiff is an AI-powered professional UI design tool. Motiff's offerings are divided into two main categories: Motiff AI and Motiff Basics. Motiff AI advances design capabilities with AI, featuring an AI Toolbox with AI Reduplication and AI Layout; AI Design Systems with AI Design System Creator, AI Design System Maintainer, and AI Consistency Checker; and Motiff Lab with AI Generates UI and AI Magic Box. Motiff Basics cover all the functions of Figma, support the perfect migration of Figma, and ensure that all the original habits of designers can remain unchanged. The overall price of Motiff is less than 25% of Figma, but we offer a better performance than Figma and support smooth editing even in 1 million layers.Starting Price: $4 per month -
7
Uinkits
Uinkits System
Design without limits. Uinkits is your all-in-one Figma Design System and UI Kits featuring 23,000+ mobile, web, and dashboard UI components, 1,000+ global styles, 5,200+ Figma icons, 320+ App, Website, and Dashboard Kits, and more. Design fast, easy, and more creatively. At uinkits, we're all about the awesome possibilities of design, so join us now and let's shape the future together!Starting Price: $29.00 -
8
UX Pilot
UX Pilot
UX Pilot is an AI-powered UX/UI design platform that streamlines the design process by enabling the rapid generation of wireframes, high-fidelity UI designs, and prototypes. It integrates seamlessly with Figma, allowing designers to create and transfer AI-generated screens effortlessly between the web and Figma. Key features include the AI wireframer, which generates flexible wireframes for desktop and mobile, and the designer, which creates pixel-perfect screens in seconds. The platform also offers functionalities such as generating screen flows to visualize complete user journeys, smart UI editing through an AI-powered chat interface, and the ability to produce code-ready designs for streamlined development. UX Pilot supports the creation of designs for various screen sizes, including mobile and desktop, and facilitates the development of both dark and light mode interfaces. By leveraging advanced AI technology, UX Pilot enhances creativity and accelerates workflows.Starting Price: $12 per month -
9
Judo
Judo
Judo is a design and build tool for SwiftUI apps that helps product teams ship faster and more efficiently. Judoβs infinite canvas and built-in SwiftUI components will help you build eye-catching interfaces in a singular unified process, avoiding unnecessary back-and-forth between design and development. Enhance your workflow, reduce friction in design handoff and quickly test fully-functioning prototypes and UI. Make data-driven product decisions in real-time and ship them instantly.Starting Price: $9 -
10
Untitled UI
Untitled UI
Untitledβ―UI is the worldβs largest Figma UI kit, React component library, and icon system, offering designers and developers everything needed to design and build modern interfaces at speed. The Figma library features over 900 global styles and variables for color, typography, and effects, more than 10,000 meticulously crafted components and variants, 420 readyβtoβuse desktop and mobile page examples, and 4,600 neutral icons and logos, fully integrated into one design system. On the development side, Untitledβ―UI React provides an openβsource collection of productionβready components built with React v19.1, Tailwindβ―CSSβ―v4.1, TypeScriptβ―v5.8, and Reactβ―Aria, ensuring type safety, accessibility (keyboard navigation and screenβreader support), and lightningβfast performance without lockβin. AIβready Lovable and bolt.new kits enable instant prototyping with simple prompts, while seamless Figma previews and consistent styling across both platforms.Starting Price: $129 per month -
11
transjt
transjt
Introducing transjt, the ultimate solution for crafting bespoke web experiences effortlessly. Say goodbye to cumbersome webpage templates and hello to seamless integration of your distinctive Figma designs directly into HubSpot, all without touching a single line of code. With transjt, your creativity knows no bounds. Simply export your designs to transjt and effortlessly tag components such as headers, footers, and more. With just a few clicks, seamlessly export them to HubSpot, transforming your vision into a fully functional custom template ready for immediate use. Unleash your creativity with transjt β your favorite UI designer is all you need to bring your web dreams to life. By seamlessly integrating your Figma designs as native components into HubSpot, you unlock a world of customization without the hassle of coding. With transjt, your unique brand identity shines through effortlessly, delivering engaging web experiences that captivate your audience.Starting Price: $0 -
12
Origami Studio
Origami Studio
A new way to visually layout your Origami prototypes with freeform drawing tools, text editing, and visual components. Wire up flows between screens with built-in present and dismiss animations. Visually layout your components in the Canvas and combine them with powerful interactions in the patch editor. Tap into native hardware APIs. Expand the potential of your prototypes with patches that unlock hardware capabilities. Copy and paste editable vector shape and text layers into Origami. Capture, trim, and export video of your prototype directly in Origami. Easily share prototypes in critique, reviews, or just for fun. Origami performance gets an upgrade. Faster patch editor, faster viewer, faster everything. Preview your prototype on both simulated and physical devices. Importing from design tools like Sketch is as simple as copying and pasting. Make sure you have the Origami Pasteboard installed from the Figma plugin community. -
13
CopyCat
CopyCat
Generate production-friendly code from Figma designs. Build stunning apps and web pages faster. Start building awesome UI in less time. Invest more time in building stunning interactions, animations, and networking. Build gorgeous UI faster than anybody else. Build world-class UI in half the time. CopyCat helps teams of every size build UI faster. Generate code on your selection and export it to your environment. Copy and paste the Figma design file URL into the dialogue box. Create masterpieces with minimal back and forth. Developing pixel-perfect UI takes too much time in this day and age of AI. We want to remove the pain of having to write redundant boilerplate, layout, and atomic code so that you can focus on building truly remarkable apps faster. We don't share your designs, code, or contact details with anyone. We follow the latest security best practices to ensure the safety of your collaterals.Starting Price: $49 per month -
14
Polipo
Polipo
Reduce code by 83%. Edit your UI in Figma, add logic with React or Vue. No generated code to maintain.Starting Price: $10 per month -
15
Figma
Figma
Where teams design together. Figma helps teams create, test, and ship better designs from start to finish. Fast and powerful, just like your work. Packed with design features you already love plus unique inventions like the Arc tool and Vector Networks, Figma helps you keep the ideas flowing. No need to stop to install, save, or export. Itβs what any good cloud software should be. Bring your ideas to life faster in animated prototypes that feel like the real thing. Get insights from users and test concepts earlier and more often. Share a link to your design files or prototypes, and get feedback in context. Or, jump into the same file with your teammatesβno matter where yβall are in the worldβand co-edit live. Create a scalable design system thatβs accessible for your organization and easy for you to manage. When all designers are speaking the same language, everyoneβs more empowered to do their best work.Starting Price: $12.00/month/user -
16
SegmentUI
SegmentUI
SegmentUI is a 360 degree solution for designers, founders and developers to take their product from 0 to 1. It covers everything from Figma templates for mobile & web apps to functional UI kits, websites & code components for Framer. Weather you're a beginner trying to get started on a new project or an expert looking for new ways to spice up your projects, SegmentUI has got you covered.Starting Price: $99 -
17
Principle
Principle for Mac
Animate Your Ideas, Design Better Apps. Principle makes it easy to design animated and interactive user interfaces. Whether you're designing the flow of a multi-screen app, or new interactions and animations, Principle helps you create designs that look and feel amazing. Use Principle in beautiful dark mode and import designs from Figma. There are a lot of things you might want to design: a short animation, a slick interaction, or an extensive multi-screen app. No matter what you're doing, you can do it with Principle. Principle's timeline makes it quick work to illustrate the perfect bounce, ease, and pop. Want to design a totally new interaction? Principle gives you the freedom to experiment without limiting you to pre-defined transitions. It's a breeze to design the flow of a multi-screen app; and when you're done you'll have a bird's-eye view of all your screens. With artboards, magic animations and a timeline, using Principle will give you DΓ©jΓ vu.Starting Price: $129 one-time fee -
18
Figma Sites
Figma
Figma Sites is an all-in-one platform that allows users to design, prototype, and publish high-quality websites without leaving the Figma workflow. Users can create beautiful responsive layouts for any screen size using familiar design tools like frames, auto layout, shapes, and responsive components. Designs can be copied and pasted seamlessly between Figma Design and Figma Sites, preserving every detail from page layouts to typography. It offers pre-built blocks with auto layout built in, enabling users to structure pages quickly and customize styles to craft unique web experiences. Interactive elements such as marquee scrolling, custom cursors, and hover effects can be added with ease to bring sites to life. Figma Sites also supports the use of existing design libraries, styles, and components, ensuring brand consistency and efficient design processes. Templates for various use cases, including events, landing pages, personal sites, business sites, and portfolios, are available. -
19
uipkg
uipkg
uipkg is a tool that lets you convert Figma design to React components. It helps designers and developers work together faster by avoiding the tedious task of translating designs into code manually. The goal is to help teams ship products more quickly so they can focus on building great experiences for their customers. The main thing about uipkg that makes it unique compared to other tools is its focus on React components, instead of exporting the whole screen you should instead export small reusable components like buttons, headers, footers etc. This way you'll be able to define props, add interactions, adjust breakpoints, and of course, add business logic like fetching data from the server. -
20
uncoverLAB
uncoverLAB
uncoverLAB is the solution to the endless hours designers spend searching for inspiration, design components, templates, user flows, and other elements. It's a curated collection of: π App flows: Discover user journeys from popular apps π App wireframes: Get wireframe components from top apps π Website components: Find and use unique website elements π Color palettes: Explore trendy color schemes for your designs The best part? You can simply find a design you like, copy it from the app, and paste it directly into your Figma project. It's that easy!Starting Price: $29 per month or $199 lifetime -
21
Huxly
Huxly LLC
Huxly is an AI mobile app builder that turns a written prompt or Figma frame into editable app code. Choose Expo (React Native) or Flutter for iOS and Android, or SwiftUI for native iOS. Preview changes in the browser; SwiftUI projects can also run in a streamed iPhone simulator or the Mac Companion. Start from templates or edit source files directly, then export code or push it to GitHub. Huxly connects Supabase or Firebase for authentication and data, adds RevenueCat subscriptions or Stripe payments, and generates backend APIs, webhooks and edge functions. Backends deploy to your own Netlify, Render or Railway account, with secrets kept server-side. Cloud builds support TestFlight, App Store and Google Play submission. Its MCP connector lets Claude Code, Cursor, ChatGPT and Codex work directly on Huxly projects using an existing AI subscription. Huxly serves founders, designers and developers who want to ship mobile apps while retaining their source code.Starting Price: $25/month -
22
FigPrompt
FigPrompt
FigPrompt is an AI-powered βplugin architectβ designed to generate fully functional Figma plugins from simple natural language descriptions, eliminating the need for manual coding or deep knowledge of the Figma API. Users can describe what they want their plugin to do in plain English, and the platform automatically produces all required files, including code.js, ui.html, and manifest.json, delivering production-ready output in seconds. It is built to follow Figmaβs sandbox rules and best practices, ensuring that generated plugins are compliant, secure, and ready to run without additional setup or build steps. It supports rapid iteration, allowing users to refine or modify their plugin by simply updating the prompt, while maintaining existing functionality and tracking changes through version history. It also includes smart validation features that check permissions and structure, reducing errors and improving reliability. -
23
Over.fig
Over.fig
Over.fig - a free Chrome extension that overlays your Figma design as a semi-transparent layer directly into your webpage. Bridge the gap between design and code. Compare design to website in one click. No more switching tabs. No more guessing margins, fonts, or colors. And no more static image overlays that limit interaction. Key Features - Access Figmaβs precise measurement tools β without leaving your website. Hover over any element and instantly see spacing, padding, and alignment. Verify every detail directly on the live page. No more tab-switching, no more guessing. - Instant check design CSS & Tailwind conversion. Click any design element to inspect its styles and transform Figma styles into Tailwind utility classes on the fly. - Overlay only the frame that you need. Need to use only a header, card, or CTA section? Select any frame or group in Figma, overlay just that part, and use it as a reference while coding.Starting Price: $6/month -
24
Rendition
Rendition
Rendition is for teams that want to build faster. Rendition brings your designs to life so your team can keep on shipping. See if Rendition is the perfect way to superpower your team. Rendition writes high-quality frontend code so you're always ready to adapt to new designs and product pivots. We believe turning designs into code should be a smooth process. To make this happen, Rendition uses your Figma designs to quickly build pixel-perfect, responsive, interactive, human-quality, project-ready React code. That way, you can focus on all the other stuff. Our custom compiler and machine learning models turn designs into code that is tailored to what your project needs. Rendition gets you code that meets your teamβs high standards. Give your dev team a 10x boost, and be able to iterate and adapt your UI quickly. Ship faster than ever before, increasing the power of every engineer you hire. -
25
Figmentor
Figmentor
Figmentor is a plugin-powered platform that converts designs from Figma into fully importable Elementor JSON templates with pixel-perfect accuracy, all in a single click. Users start by selecting their Figma frame, then FIGMENTOR generates a clean, optimized Elementor-compatible output that preserves layout, typography, and spacing and supports responsive design. The export fully supports widgets like columns, images, buttons, and text layers, while maintaining the original Figma layer structure for easy post-import edits. SEO-optimized markup and clean structure ensure strong search engine visibility from the start. Compatible with both free and Pro versions of Elementor, the platform streamlines the handoff between design and development, eliminating hours of manual coding, reducing revision cycles, and enabling faster site delivery. Designed for a designer-first workflow, Figmentor works through a Figma plugin and a WordPress/Elementor plugin to cover the full conversion journey.Starting Price: $9 per month -
26
Reweb
Reweb
Reweb is an AI-powered visual builder tailored for developers working with Next.js and Tailwind CSS. It enables users to swiftly generate user interfaces using AI, customize designs through an intuitive visual editor, and export clean, production-ready code compatible with Next.js, Tailwind, and shadcn/ui. The platform offers a range of features, including AI-generated components from prompts or images, a visual editor for real-time customization, and a library of pre-designed templates and sections to expedite project initiation. Additionally, Reweb supports Figma imports, allowing seamless transitions from design prototypes to functional code. Users can choose from various pricing plans, including a free 'hobby' tier for exploration and a 'pro' plan for advanced needs. Reweb is trusted by over 20,000 developers for its efficiency in bridging the gap between visual design and code implementation.Starting Price: $12 per month -
27
Tailgrids
Tailgrids
Tailgrids is an open source React UI component library powered by Tailwind CSS, built to help teams ship modern web apps faster with reusable components, UI blocks, templates, and a complete design system. It brings React, Tailwind CSS, and Figma into one unified UI library for developers and designers who need performance, accessibility, consistency, and scalable design-to-development workflows. TailGrids includes 600+ free and pro React UI components, production-ready blocks, and ready-to-launch templates for applications, dashboards, marketing sites, ecommerce, and AI products. Each component and block is designed for real projects, not just demos, with clean modern UI patterns, mobile-first responsiveness, accessibility considerations, predictable structure, and full Tailwind-powered customization. Teams can use TailGrids with React-based frameworks like Next.js, React, Astro, and more, while the CLI helps scaffold projects.Starting Price: $299 per month -
28
Buzzy
Buzzy
We've been around for a while, and focused largely on data-gathering apps and forms required for field work - offline capable, with geolocation and tons of useful features. Functional but dry. We're now bringing that into the design space (via a Figma plugin) and are excited to see what you can come up with. Design, test and deploy working apps with real data, user-generated content and live forms without leaving Figma. Create, edit and update a live app directly from Figma. Buzzy converts your Figma design into a real app using the functionality, data and behaviours you defined in Figma - and lets you keep working in Figma.Starting Price: $42.50 per month -
29
Flowstep
Flowstep
Flowstep is an AI design tool. It turns prompts into modern UI with production-ready code export. Flowstep can use screenshots, web links, or PRDs as references. It creates multi-screen UI from 1 prompt. Users can copy&paste their designs to Figma (just βC/βV, no plugin needed). Flowstep exports production-ready React, TypeScript, Tailwind CSS (and shadcn/ui components). It supports real-time and multi-user collaboration. Flowstep has MCP and integrates with coding tools for better dev handoff. Flowstep offers a free tier. Starter plan is from $15/month and includes 80 messages. Usage is message-based, not credit-based. Flowstep helps designers and developers move from idea to working UI with code export.Starting Price: $15/month -
30
Cannoli
Cannoli
Cannoli is a tool that transforms Figma designs into responsive email HTML by converting Figma files, especially those using auto-layout, into clean, MJML-based email code and provides a platform to perform last-mile edits like adding links, images, preheader text, and social icons. It supports a visual editor for block editing, enabling direct changes to content without touching CSS classes, and integrates with email platforms such as Mailchimp. Cannoli includes features like image slicing, layer naming conventions, and support for a wide range of MJML components (including sections, wrappers, columns, buttons, images, text, social elements, and more), ensuring responsiveness across email service providers. The workflow spans designing in Figma, syncing through a plugin, producing pixel-perfect code, and refining campaigns via intuitive visual tools.Starting Price: $75 per email -
31
Flowbite
Flowbite
Flowbite is an open-source library of interactive UI components built on top of Tailwind CSS, designed to expedite web development by providing a comprehensive set of pre-designed elements. It offers over 56 types of components, including buttons, alerts, breadcrumbs, pagination, and navbars, as well as interactive elements like dropdowns, modals, and tooltips, which are enhanced by custom JavaScript for added interactivity. Developers can integrate Flowbite into existing Tailwind CSS projects via npm or CDN, and it supports various frameworks such as React, Vue.js, Angular, and Next.js. The library also includes a Figma design system, enabling designers to prototype and design applications before development. For those seeking advanced features, Flowbite offers a Pro version with additional components and templates. The ecosystem is further enriched by Flowbite Blocks, providing over 450 website sections and advanced UI components built with Tailwind CSS.Starting Price: $289 one-time payment -
32
Beyond UI
Beyond UI
Beyond UI is a premium Figma UI kit and design system for SaaS apps and landing pages, built for designers and teams creating modern web products. It goes beyond a typical collection of UI elements with a smart component architecture where nested instances allow a single master component to generate thousands of unique combinations while keeping the file lightweight and organized. The kit includes 9,000+ production-ready components built with auto-layout and native Figma variables, 500+ landing-page sections, six Starter SaaS templates, and a complete two-layer token system covering colors, spacing, typography, and radius. Dark mode is fully supported across every component, with designs switching between light and dark through a single variable toggle. Beyond UI also includes complete SaaS app templates with full product flows, realistic data, edge cases, and every component state covered, including default, hover, active, focus, disabled, empty, loading, and error.Starting Price: $119 per month -
33
Automater for Figma
Automater
Automator is a plugin or Figma that lets you create custom drag-and-drop automation that do time-sensitive Figma tasks for you in one click. Now you can create custom Figma plugins visually without writing any code. Do everything from drawing shapes to making API requests to finding layers.Starting Price: $9 per month -
34
Onlook
Onlook
Onlook is a next-generation, open source, visual-first editor that empowers designers and product managers to craft and edit React and Next.js web experiences in real time, without leaving a browser-like interface. With seamless integration into existing codebases, Onlook enables live DOM editing alongside immediate code synchronization and deployable output. Its visual editor supports drag-and-drop layout changes, Tailwind CSS styling, layer navigation, and responsive breakpoint handling. AI-powered assistance helps generate components from descriptions, maintain design system consistency (with global styles, typography, and color tokens), convert Figma designs into interactive code, and offer smart design suggestions. Designers can import projects from GitHub or Figma, iterate with instant visual feedback via live previews, manage version control with checkpoints and real-time updates, and deploy directly from the platform.Starting Price: Free -
35
Foldwrap
Foldwrap
Foldwrap is an AI-powered animated banner ad generator that transforms simple text prompts or static designs (for example, from Figma) into production-ready animated HTML5 banners or video ads in seconds. You can start from scratch by describing your ad concept in natural language, including text, colors, product details, and brand elements, and Foldwrap will build a complete animated ad with visuals, motion, and layout. Alternatively, if you already have a design in Figma, you can import it with Foldwrapβs plugin and instantly animate frames: the tool automatically handles animation of every element, merges multi-frame storyboards into smooth sequences, and produces native HTML5/CSS output (or MP4/video) optimized for performance, cross-browser compatibility, and ad-network compliance. Foldwrap also supports AI-powered resizing and format adaptation, letting you quickly generate multiple ad variants for different screen sizes or platforms.Starting Price: $30 per month -
36
Shadcn UI Kit
Shadcn UI Kit
Shadcn UI Kit is a production-ready UI toolkit built to help developers and teams design, build, and ship modern web applications faster. It offers a curated collection of high-quality, fully customizable components and full-page templates built with Next.js, Tailwind CSS, and shadcn/ui, following best practices for accessibility, performance, and scalability. Whatβs inside the Shadcn UI Kit? Production-ready Admin Dashboard templates, a flexible library of UI blocks and components, premium website templates, a synchronized Figma UI Kit for rapid design workflows, and an optional Boilerplate starter (coming soon) with planned integrations for authentication, email workflows, advanced theming, and multilingual support Why Shadcn UI Kit? Instead of spending weeks rebuilding common UI patterns, Shadcn UI Kit gives you a polished, production-ready foundation to accelerate development without sacrificing flexibility -
37
Coolors
Coolors
Coolors is a high-speed color palette generator designed to help you βcreate the perfect palette or get inspired by thousands of beautiful color schemes.β On the web (and via mobile, plugin, and extension tools), you can generate palettes in seconds by pressing the space bar, lock colors you like to refine the palette, and reorder or adjust the number of colors. It offers an Image Picker to extract color schemes from your photos, a Contrast Checker to evaluate accessibility-friendly combinations, a Palette Visualizer to preview colors in real-design contexts, plus tools like a Color Picker, Collage Maker, a gradients generator, and color libraries. You can export palettes in multiple formats (PDF, image, CSS, SVG), share links, and integrate with design tools such as Figma or a Chrome extension. With built-in support for HEX, RGB, CMYK, and other color-space values, plus features for color-blindness simulation and luminance/hue/temperature adjustments.Starting Price: Free -
38
Anima
Anima
Anima is a continuous design-to-code platform that allows designers to create and build fully-responsive prototypes that look and act like the end product while using their own design tool (Figma, Adobe XD & Sketch). Anima eases the handoff process to developers by automatically converting designs into developer-friendly HTML, React and Vue code. Collaborate with your team, stakeholders, and clients. Share rich user experience and get a real feel for your product before it goes to production. You can download the plugin for Figma, Adobe XD, or Sketch and simply continue working on your own design tool. Sync your project to the Anima platform and collaborate with your product team to work in a continuous flow.Starting Price: $31 per user per month -
39
Prototyper for Figma
Prototyper
Create powerful prototypes with JavaScript that make your design animated and interactive. Prototyper is easy to get started and becomes more powerful as you go. Prototyper takes your currently selected frame on the Figma canvas and converts each individual layer into an image that renders as a preview on the right-hand side of the plugin. Each layer is turned into a variable that you can reference in the code editor on the left-hand side of the plugin to add animations and interactions. They have a hierarchy and properties defining their position, appearance and interactivity. Animate states or layer properties like scale and color with various easing or spring curves, time and delay options. Events are used to detect and respond to user interactions, animations that start or end, values that change and more.Starting Price: Free -
40
Once UI
Once UI
Once UI is an open source design system and component library built for Next.js (and paired with a matching design system in Figma), offering a flexible style system, 100+ ready-to-use UI components, and more than 75 copy-paste blocks to rapidly assemble web apps. It supports both simple static sites and more complex applications, thanks to pre-built, deployment-ready templates for portfolios, documentation sites, blogs, ecommerce stores, and dashboards (free and Pro versions). Once UI emphasizes βcomponent-firstβ development, meaning developers donβt need to manually write utility-class-heavy styling (like with some CSS frameworks); instead, they use semantic variables and components that integrate design tokens for visual consistency. For creators used to tools like utility-class frameworks or component libraries, but who want faster development with fewer dependencies, Once UI simplifies building UIs without sacrificing design quality or accessibility.Starting Price: $128 per year -
41
Dualite Alpha
Dualite
Dualite Alpha is a local-first AI frontend engineer that runs entirely in your browser, keeping all prompts, code, and designs on-device for maximum security. It seamlessly integrates design and code systems, syncing with GitHub and importing Figma files without plugins, so you can turn prompts or visual designs into clean, production-ready code in seconds. It's a three-step workflow that lets you describe and generate frontend components, iterate and refine them with real-time visual edits, then map REST API endpoints and deploy your app instantly. A proprietary compression algorithm handles large and legacy codebases with ease, while built-in Figma-to-Code and expert support ensure rapid, accurate conversion of design assets into usable React components. Dualiteβs single-page interface offers specialized tooling for project management apps, landing pages, mobile UIs, and more, all without data ever leaving your system.Starting Price: $29 per month -
42
UXMagic AI
UXMagic AI
UXMagic.ai is an AI-powered design platform that transforms your ideas, from a text prompt, sketch, screenshot, or website URL, into high-fidelity UI designs, wireframes, sitemaps, and production-ready code in seconds. It enables you to generate Figma-ready UI designs, auto-layout components, and export directly to Figma, HTML, or React while supporting upcoming targets like Webflow and WordPress. Key features include βPrompt to UIβ generation, βImage to UIβ from screenshots or sketches, βClone a Website to UIβ from a URL, a built-in βAgentic AIβ assistant for design editing, brand-style guide application, and sectional editing of individual parts of a design. UXMagic.ai also offers pre-built UI and React/HTML component libraries, responsive layout generation, and integrations to streamline the handoff from design to code. It is aimed at reducing repetitive UI work and accelerating the design-to-development workflow, helping designers save time in early-stage UI work.Starting Price: $17.50 per month -
43
UXPin
UXPin
Speed up your product development process with revolutionary Merge technology. From UI designers to UI developers β create consistent interfaces using the same building blocks. Build prototypes that feel like the end product. Get creative with our design tool or start with hundreds of built-in UI elements. Integrate with Storybook , Git repo, or NPM package and use code components straight from your design system, app or website. Design with the exact same UI code components that devs build the product with. No coding skills required β just drag and drop the elements. Design inclusive products in line with WCAG standards. Test your prototypes with built-in features like Contrast Checker and Color Blindness Simulator. With States, Variables, Conditional Interactions and Auto Layout, your prototypes will perfectly mimic the end product experience, during usability testing.Starting Price: $19 per month -
44
Vivid
Vivid
Vivid lets your Figma define auto-updating, modular code that your developers can actually use. Build your UI's source of truth in Figma without changing your workflow. Vivid uses your existing components to create modular code synced with your Figma. Let designers take over UI while developers own functionality. Promote your designs to production. Vivid is an in-browser styling editor that makes building frontends blazingly fast. With Vivid, you can simply click on an on-screen component to pull up its code right in the browser. Any edits you make to that code are automatically synced with your source code. The biggest benefit of having an organized template is that you actually know whatβs going on when you look at it. Closely linked to consistency, customization is also incredibly easy in an organized codebase. For components, like buttons or sections, things can be changed at the React level. -
45
thePenTool
thePenTool
A plugin you never knew you needed. Turn your boring Figma file explorer into an organized space with labeled files, categorize them by color, go nuts! ui that feels at home. Carefully crafted interface injects in Figma as smooth as possible. Wysiwyg editor. Immediately see your thumbnail right in the UI before you even generate it. Project status. Set the status and help your teammates (and yourself!) see the progress at a glance. Better File Thumbnails is evolving with every update to include new features and optimize your experience. figma/sketch . Pick one of 5 beautiful designs that suits your brand the most. Insert screens of your app into the mockups. Change the text to describe your features or advantages. Export 100% ready to upload 6.5 and 5.5 inch screens. Create complex frms in a few clicks. An interactive form created from building blocks that allow to easily swap them out for any component you need for your next , either for web or mobile. -
46
Mockitt
Wondershare Technology
Design attractive prototypes that highlight your concept, and appealing to your clients. Create pixel-perfect icons and scalable vector graphics with a neat, powerful tool. Skip the boring, repetitive bits and focus on form and shape. Drag and drop to create wireframes and prototypes, driving collaboration in your team and delivering better user experiences. Even beginners can work like pros with the vast component libraries and industry-specific templates. Add and typeset widgets as well as create interactive events by easy drag-and-drop actions. Use our fully-stocked UI component libraries to create prototypes with realistic elements that resemble and simulate actual UI designs. A vast repository of ready-to-use and flexible templates that you can easily customize to create stunning Web and Mobile mockups and prototypes. Find everything you require, including frequently-used layout blocks and widget options.Starting Price: $12.90 per month -
47
Visily
Visily
Visily is the easiest and most powerful wireframe software that enables teams, regardless of size and skills, to brainstorm and create beautiful app wireframes. Through an intuitive interface, rich UI library, and advanced AI features, Visily has helped thousands of non-designers such as founders, product managers, business analysts, and software developers quickly iterate and validate their ideas. -
48
heyclicky
heyclicky
heyclicky is an AI buddy that lives on your Mac, sits next to your cursor, and sees what you see so it can help directly with whatever is on your screen. Press to talk, ask a question out loud, and it walks you through the task you are working on instead of making you describe every menu, panel, file, or visual element from scratch. It can explain unfamiliar creative software, guide you through making a first beat in FL Studio, clarify an After Effects panel, or help refine a logo inside Figma. For larger jobs, saying βheyclicky agentβ spins up an agent that can build, research, or complete work for you, such as turning a Figma design into a working webpage, finding cameras that match an example and budget, or summarizing a PDF and emailing the result to a team. It uses screenshots and voice input captured in response to push-to-talk actions, giving the assistant the immediate visual and spoken context needed to respond.Starting Price: $20 per month -
49
ClarityUX
ClarityUX
ClarityUX is an AI-driven platform that optimizes design reviews by providing dataβdriven insights, AI feedback, predictive heatmaps, clarity scores, and heuristic analysis (CrUX scores, WCAG ratings) via web and Figma plugin interfaces. It significantly reduces design review time by up to 80%, saving around 15β20 hours per week, while enhancing usability, conversion rates, and key performance metrics. Designers upload or integrate designs to generate instant feedback and visual attention maps, then export detailed reports and heatmaps back into Figma or download them for offline review. It supports offline processing, custom prompts, comprehensive clarity scoring, and usability recommendations. Use cases include accelerating design reviews, improving user experience, validating design decisions, and minimizing reliance on expensive agency services. ClarityUX empowers teams to streamline workflows, make dataβbacked design decisions, and boost conversions efficiently.Starting Price: $8.99 per month -
50
Diagram
Diagram
Unlock your creativity and bring ideas to life with AI-powered design utilities. Magic icon generates infinitely scalable SVG icons to use anywhere in your design. Improve the creative process by magically turning your ideas into assets. You can quickly generate images in Figma while you design. Get all the latest AI design advancements and future spells in one convenient plugin. Creates fully editable UI designs with just a simple product description. Improve your workflow and design more efficiently with AI-powered in-line suggestions. Iterates your designs to explore new design directions during your process. Leverages any design system to provide smart recommendations. Set the structure, then describe the UI to have it designed. Automate design tasks in Figma with a single click. Build any automation with drag-and-drop ease. Run & remix automation built and used by thousands of other designers.Starting Price: Free
