Best UI Design Software for Figma
View:
Compare the Top UI Design Software that integrates with Figma as of August 2025
Sort By:
This a list of UI Design software that integrates with Figma. Use the filters on the left to add additional filters for products that have integrations with Figma. View the products that work with Figma in the table below.
What is UI Design Software for Figma?
UI design software enables designers to create attractive and functional UI and UX designs and interfaces. UI design tools streamline the prototyping and design process for user interfaces (UI). Compare and read user reviews of the best UI Design software for Figma currently available using the table below. This list is updated regularly.
-
1
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 -
2
Miro
Miro
Keep your team's minds in sync with Miro (formerly RealtimeBoard and AWW app). A virtual whiteboard and remote collaboration tool, Miro helps cross-functional teams work more efficiently together to build great things. The platform allows teams to ideate, visualize, and share ideas without any boundaries. It comes with over 200 pre-made templates for capturing and visualizing ideas, collaboration tools such as comments, chat, screen sharing, and video chat, and integrations with popular business tools. Miro AI. You and your team, supercharged. You're here to create the next big thing and we're here to help. Unlock the power of your ideas with Miro AI – your new launchpad for creativity, collaboration, and productivity.Starting Price: $8 per month -
3
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 -
4
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. -
5
Zeroheight
zeroheight
zeroheight helps teams create, manage and maintain their design systems. Using zeroheight, designers, engineers, and product teams can collaborate and build design systems that can be easily shared across teams. Create a centralized repository of styles, tokens, guidelines, code, components, and patterns, integrated and synced between the tools you already use. zeroheight makes maintaining consistency across different products easier and reduces the time and effort needed to stand up new brands and products confidently. We offer features that suit teams from startup to enterprise, from governance to analytics to automation.Starting Price: Free -
6
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 -
7
Supernova
Supernova
Supernova manages the entire design system lifecycle in one place, without making your team change tools or maintain self-built workflows and integrations. Automate everything to fit the way you work already. Designers, developers, product owners, and stakeholders, everyone has their own tools, work styles, and something to contribute. Let them work the way they want to, using the tools they love. Documentation is the key to the broad adoption of your design system. Supernova gives you new power tools to create an unparalleled resource that teams can rally around. Create an additional layer of data on top of your Figma imports to enhance your design system, add descriptions, comments, custom properties, statuses, and more. Publish design system changes in Figma, your documentation updates, and pull requests open, automatically. Without any human intervention required, follow the rules you set.Starting Price: $25 per month -
8
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 -
9
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 -
10
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 -
11
Axure RP
Axure Software
Axure RP is the only UX tool that gives UX professionals the power to build realistic, functional prototypes. Create UX prototypes with unlimited combinations of event triggers, conditions, and actions to truly explore digital experiences. Leverage powerful Axure RP widgets to create working forms, sortable grids, and dynamic interfaces. Use multi-state dynamic panels to make everything from popups to scrollable, swipe-able, mobile screens. Working text fields, droplists, and radio buttons are just a drag-and-drop away. Design for desktop, tablets, and phones on a single page and automatically show the appropriate view. Create data-driven tables and grids that you can dynamically sort and filter with the repeater widget. Create diagrams, customer journeys, wireframes, and other UX documentation right next to your rich, functional UX prototypes. Built-in flow shapes and connectors that magically reflow make it easy to make diagrams in RP.Starting Price: $289 one-time payment -
12
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 -
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
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. -
15
Kombai
Kombai
Kombai is a new ensemble model that can understand and code UI designs like humans. You can prompt it with design files in Figma to get high-quality React and HTML + CSS (vanilla/ tailwind) code in just a single click per component. Kombai’s proprietary ensemble model is able to “look at” complex, real-world designs, derive these inferences as a developer would, and generate code using that “understanding.” -
16
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 -
17
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 -
18
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 -
19
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 -
20
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. -
21
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. -
22
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
- Previous
- You're on page 1
- Next