Alternatives to Over.fig
Compare Over.fig alternatives for your business or organization using the curated list below. SourceForge ranks the best alternatives to Over.fig in 2026. Compare features, ratings, user reviews, pricing, and more from Over.fig 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
Overlay
Overlay
The first platform to generate clean code from its design components. Overlay is a plugin to convert Figma or Sketch components into React/Vue.js/HTML clean code components. Overlay instantly creates dev-friendly web components from designer tools. This documentation assists designers and developers in accelerating their web design integration process. Weโve developed Overlay so that designers can be autonomous in building pixel-perfect components without knowing the modern JavaScript framework. Moreover, We think front-end developers must spend their time on high-value tasks (performance, SEO, business logic)and not on translating UX work to code. Overlay Playgrounds are design files with a lot of component examples, ready for Overlay, and all the explanations to make them by yourself and become an expert. It's still possible to use Overlay with other setups, this adds a little work overhead after getting components code. In the future, we will add more and more setups.Starting Price: $15 per month -
3
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 -
4
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 -
5
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. -
6
Figma Make
Figma
Figma Make allows users to turn their design ideas into functional prototypes quickly using AI. It integrates with Figma to enable seamless creation and refinement of high-fidelity prototypes. The platform provides tools to help users convert existing designs into working prototypes by simply copying and pasting frames from design files. Figma Make also enables users to refine designs with AI, making it possible to adjust elements like padding and margins. This tool is perfect for designers who want to create polished, working applications without needing to code.Starting Price: $3/user/month -
7
Pencil
Pencil.dev
Pencil.dev is an AI-powered design-in-code canvas and creative tool that brings visual interface design directly into development environments like Cursor, VS Code, and other IDEs so designers and engineers can work without handoffs between tools. Built around an agent-driven MCP (Model Context Protocol) canvas and an open design format that lives in your codebase, Pencil lets you draw, iterate, and generate pixel-perfect UI screens with AI assistance while keeping the design files versioned in Git alongside your source code, enabling branches, merges, and rollbacks like regular code. It eliminates the friction of switching between tools by embedding a Figma-like canvas into the IDE, supports importing frames and assets from Figma with vectors and styles intact, and lets you manipulate design elements directly with familiar editing panels, layers, and CSS-like properties, while AI models help generate screens, flows, and components in parallel.Starting Price: Free -
8
Studio.Design
STUDIO
Studio.Design is the site builder for designers. The browser app is packed with design features as intuitive as Figma, a CMS as simple as Notion, and one-click publishing to your domain. Now, you can finally turn any idea into a stunning website quickly and easily.Starting Price: $9 per month -
9
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 -
10
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 -
11
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 -
12
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. -
13
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 -
14
Piny
Pinegrow
Piny is a visual editor designed for developers working with Astro, React, Next.js, and Tailwind CSS, operating directly within IDEs like Visual Studio Code, Cursor, and Windsurf. It allows users to edit code visually, navigate components, and streamline styling without special setup. All edits are made directly in the code, ensuring developers maintain full control. Piny offers powerful free features for styling and navigating projects without requiring an account. Visual Tailwind Controls enable intuitive styling by clicking on elements, with changes immediately reflected in the code and automatic document saving to trigger hot reloads. The Tailwind Class Inspector helps manage complex styles in an editable tree of classes and states. Users can edit Tailwind classes directly within strings, variables, and even in non-React/Astro code.Starting Price: $120 per year -
15
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 -
16
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 -
17
MiroMiro
MiroMiro
MiroMiro is a Chrome extension that lets you copy any websiteโs design and assets with one click by instantly inspecting and extracting visual systems without digging into DevTools. With MiroMiro, you can hover over elements to reveal exact CSS properties, colors, fonts, spacing, and typography, then copy those values directly, making it faster to understand and rebuild interfaces. It provides tools to download images, scalable SVG graphics, and even Lottie animations as ready-to-use files. It can extract complete color palettes with HEX, RGB, and HSL values, generate organized design tokens including CSS variables and Tailwind config, and perform WCAG 2.0 contrast checks to catch accessibility issues. Bulk export features let you grab an entire pageโs assets at once, and the interface is designed to accelerate workflows by eliminating manual asset gathering or developer tool navigation.Starting Price: Free -
18
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 -
19
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 -
20
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. -
21
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 -
22
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 -
23
Relume
Relume
Relume is an advanced AI-powered website design platform that helps designers and developers move from concept to structure in minutes, not hours. With just a simple text prompt, it generates a complete sitemap and wireframes, accelerating the early stages of web production. The platform includes a deep library of 1,000+ responsive UI components that can be exported directly to tools like Figma, Webflow, or React. Designers maintain full creative control, refining layouts and swapping components while the AI handles the structural groundwork. For teams juggling tight deadlines, Relume provides both speed and consistency across projects. Whether you're building landing pages, brand sites, or prototypes, Relume helps you start strong and iterate smarter.Starting Price: $18 per month -
24
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 -
25
Petal
Petal
Petal is a comprehensive suite of tools designed to accelerate the development of Phoenix web applications by providing pre-built, customizable components and templates. It features over 100 open source HEEX components styled with Tailwind CSS, enabling developers to rapidly build user interfaces without extensive design work. The framework includes Petal Pro, a feature-rich Phoenix boilerplate that offers functionalities such as social logins, multi-tenancy support, styled components, Oban integration for background jobs, and Stripe for subscription management. Petal emphasizes rapid development, scalability, and maintainability, allowing developers to focus on building unique features rather than repetitive boilerplate code. It also provides a Figma UI kit for seamless collaboration between designers and developers. By leveraging Petal, developers can streamline their workflow, and reduce development time.Starting Price: $299 per year -
26
Sleek
Sleek.design
Sleek is an AI-powered mobile app UI/UX design platform that turns simple ideas or prompts into polished, professional mobile app mockups and screens in minutes without needing design expertise, expensive tools, or coding. You describe your app concept in plain language (or upload inspiration), and Sleekโs AI generates complete interface designs optimized for iOS and Android, letting you edit and iterate via chat-style interaction, refine layouts, and customize visual elements effortlessly. It supports exporting your designs into native Figma files with editable layers or production-ready code formats (e.g., HTML/React with Tailwind CSS) so you can hand off to developers or continue refining in standard design workflows. Sleekโs focus is on rapid iteration and professional-quality mobile design that helps founders, developers, and product teams go from idea to prototype fast, validate concepts with users, pitch to stakeholders, or move into development.Starting Price: $20 per month -
27
thefrontkit
thefrontkit
TheFrontKit provides production-ready UI starter kits designed for modern SaaS and AI products, offering structured, accessible, and customizable frontend components that help teams ship faster without compromising quality. Each kit includes modular React components and layouts built with TailwindCSS along with WCAG-AA accessible UI primitives, so products are usable by everyone out of the box, and Figma design tokens mapped to Tailwind v4 tokens keep design and code perfectly in sync. Kits come with app shells, routing, authentication screens, tables, forms, modals, theming, and dark mode support, plus support for real AI UX patterns like prompt inputs, streaming responses, citations, and history. TheFrontKitโs starter kits save developers time by eliminating repetitive styling work and providing dev-ready code, clear naming, scalable structures, version-controlled updates, and comprehensive documentation with setup guides. -
28
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 -
29
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 -
30
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. -
31
Tailscan
Tailscan
With Tailscan you'll never have to leave the browser, change your Tailwind classes and see the results in real-time. Always switching back and forth to your code editor while debugging your layout? Tailscan lets you see the results instantly, saving you precious time. Tailscan lets you see the classes of any Tailwind component on any website, so you can learn and level up your design skills. With Tailscan, you can add any Tailwind class and variant directly in the browser. Even when they are removed during your build process (purged by JIT) or when you add classes with arbitrary values. You'll have the full power of Tailwind directly in the browser. Add your own Tailwind config to Tailscan and all your theme extensions and modifications will be available right away.Starting Price: $15 per month -
32
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 -
33
App2
App2
App2.dev is an AI-powered no-code/low-code platform that transforms your ideas or Figma designs into production-ready web and mobile applications. You simply describe your concept in natural language or import your Figma file, and the system analyzes design layouts, navigation flows, tokens, and interactive elements, then automatically generates frontend and backend code (including database schema, authentication, and deployment integration). A live preview environment lets you iterate in real time, while GitHub and deployment integrations enable one-click release to production. App2.dev supports workspace collaboration, inviting team members, managing roles, and sharing projects, while maintaining full ownership of your code and data. Its chat-based interface offers dedicated modes to guide you through architecture discussions, feature generation, troubleshooting, and documentation.Starting Price: $25 per month -
34
Glazed
Glazed
Glazed Analytics is a product analytics tool that transforms Figma interface designs into implementation-ready tracking plans using AI. It analyzes design screens, imports your existing event taxonomy, and suggests relevant tracking events that you can approve, edit, or reject. It then generates prompts compatible with AI coding assistants so feature tracking can be shipped without heavy developer handoffs. The platform integrates visual documentation directly into Figma, embeds tracking specifications into design elements, and serves as a single source of truth to replace disconnected spreadsheets or Confluence docs. When connected to data warehouses (BigQuery, Redshift, Snowflake) and analytics platforms (Amplitude, Mixpanel, PostHog), Glazed provides QA views that surface missing or broken event properties with first-seen and volume metrics, prevents duplicate naming through auto-checking, and lets you sync design version history.Starting Price: $29 per month -
35
Chrome DevTools
Google
Chrome DevTools is a set of web developer tools built directly into the Google Chrome browser. DevTools can help you edit pages on-the-fly and diagnose problems quickly, which ultimately helps you build better websites, faster. There are many ways to open DevTools, because different users want quick access to different parts of the DevTools UI. When you want to work with the DOM or CSS, right-click an element on the page and select Inspect to jump into the Elements panel. Or press Command+Option+C (Mac) or Control+Shift+C (Windows, Linux, Chrome OS). When you want to see logged messages or run JavaScript, press Command+Option+J (Mac) or Control+Shift+J (Windows, Linux, Chrome OS) to jump straight into the Console panel. Toggle various overlays and speed up DOM tree navigation with badges. The main uses of the Chrome DevTools Console are logging messages and running JavaScript.Starting Price: Free -
36
InlineGPT
InlineGPT
InlineGPT is a Mac status bar app that allows you to prompt directly from any app and return the output inline. Select your text (aka prompt) and watch it get replaced with the output instantly while retaining styles. From Figma, your email client, InlineGPT is always at your fingertips. Select any text to treat it as a prompt, and watch the selected text get replaced with the output. No more switching apps, no more switching context. You need your own OpenAI API key.Starting Price: Free -
37
v0
Vercel
v0 by Vercel is an AI-powered pair-programmer and design assistant built to help anyoneโfrom developers to product teamsโcreate web applications faster. It combines natural language prompting with deep technical knowledge of modern web frameworks like React, Next.js, and Vue. With v0, users can design, code, and deploy interactive UIs, prototypes, or full-stack apps using simple text instructions or design uploads from Figma. The platform intelligently selects the most suitable AI model (including GPT-5) to handle tasks such as code generation, debugging, or UI creation. v0 also supports collaboration through Git integration, team workspaces, and instant deployment to Vercelโs infrastructure. Secure, scalable, and SOC 2 Type 2 compliant, v0 makes professional-grade web development accessible to everyoneโno coding skills required.Starting Price: $20 per month -
38
Bifrost
Bifrost
You can create entire component sets from Figma that are type-safe, conditionally render, and use default props from Figma. You can start with any screen from any flow and generate it. We will use any components you have already written and generate new ones as well. You can pull new design changes to any components youโve generated even after youโve added your own logic to them. Your engineers can focus on features that drive your business forward instead of repetitively creating new screens and components. Your designers can create and update screens without fear of messy handoffs. One click to pull new changes from Figma into an existing component or generate entire screens.Starting Price: $30 per month -
39
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. -
40
TinyImage
Hypermatic
TinyImage for Figma is a powerful plugin that lets you export compressed JPG, PNG, SVG, WebP, AVIF, GIF, and PDF files directly from Figma, reducing file sizes by up to 95% without any external uploads or quality loss, and download them straight to your computer. Everything runs entirely inside your Figma file for privacy and security, so no image data ever leaves your workspace. Beyond simple image compression, TinyImage can automatically downscale oversized image fills to their layer dimensions to optimize Figma file performance, create custom animated GIFs, WebPs, WebMs or MP4 videos from selected layers (with controls for speed, playback counts, smoothing and scaling), and generate super-tiny PDFs with page reordering, bleed and crop-mark options, ICC color profiles, password protection and RGB, CMYK or greyscale output. Advanced settings allow power users to convert between formats, add text or dynamic values to file names, and mix and match compression levels.Starting Price: $16 per month -
41
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 -
42
Hope UI
Iqonic Design
As the name suggests, Hope UI is the revolutionary admin dashboard built with the developer's aspirations and needs in the first place. Hope UI Laravel Admin Dashboard Template and UI component set is designed with a modular component structure to help design and launch web applications in the fastest way possible. Being able to develop lightweight web applications and admin panels, Hope UI Admin Template comes with a Live Customizer to cut down on development time and coding hours. The Hope UI Bootstrap Admin Dashboard brings the future of admin UI to power your present and future development. Hope UI is available in 8 different technologies which are Bootstrap, Vue JS, React JS, Laravel, CodeIgniter, Figma, XD and Sketch UI Kit and more versions like Tailwind, Angular, React Native, etc are in the roadmap.Starting Price: $99 per year -
43
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 -
44
Pinegrow
Pinegrow
Pinegrow is a Mac, Windows and Linux web editor that lets you build responsive websites faster with live multi-page editing, CSS & SASS styling, CSS Grid editor and support for Bootstrap, Tailwind CSS, Foundation and WordPress. Pinegrow is a desktop website builder that opens and saves standard HTML and CSS files. That means you wonโt be locked into a proprietary file format. Just open and edit your existing projects. Use Pinegrow alongside other web development tools. Build websites offline, without internet connection. Create as many websites as you want. Quickly build the layout of your webpage with powerful visual tools for adding, editing, moving, cloning and deleting HTML elements. Insert multiple elements with repeater and modify the layout of all selected elements with one move. Inspect active CSS rules, use rich visual controls, CSS Grid editor, Dev tools-like editor or code - all working together as one. Edit SASS and LESS, live, without any external tools.Starting Price: $6 per month -
45
Ando
Ando
Ando is an AI design copilot. Generate design ideas from texts, shapes, and images, right in Figma.Starting Price: $18 per month -
46
Superflex
Superflex
Superflex is an AI-powered frontend assistant that transforms Figma designs, images, and text prompts into production-ready code, aligning with your coding style and utilizing existing UI components. It seamlessly integrates with Visual Studio Code, enabling developers to generate responsive code directly within their preferred environment. Superflex adapts to your coding conventions, ensuring the generated code is consistent and maintainable. It offers a free plan for individual users and scalable options for teams, making it a versatile tool for enhancing development efficiency.Starting Price: $19 per month -
47
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 -
48
SaaSBold
SaaSBold
SaaSBold is a full-stack, production-ready Next.js SaaS boilerplate and starter kit, meticulously crafted to enhance both front-end and back-end functionality while prioritizing an optimal developer experience. It integrates essential features such as user authentication via Auth.js, supporting social logins and magic links, and payment processing through Stripe, with upcoming support for Paddle and LemonSqueezy. The platform utilizes PostgreSQL managed by Prisma for efficient database operations and includes transactional email capabilities powered by Resend. Developers benefit from pre-built admin and user dashboards, customizable UI components styled with Tailwind CSS, and a Figma design source for seamless design integration. SaaSBold also offers marketing tools like MailChimp newsletter integration, AI features through OpenAI, and internationalization support for multi-language applications. Deployment is streamlined with a one-click option via Vercel.Starting Price: $149 one-time payment -
49
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 -
50
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.
