Design Tools / Design-to-Code

Adobes vector-based UI/UX design and prototyping tool, now in maintenance mode. Part of Creative Cloud, it introduced repeat grids, prototype flows, and developer specs before being discontinued.

AI-powered predictive attention analytics platform that generates eye-tracking heatmaps for UI designs, ads, and product packaging before launch without real user sessions.

Enterprise-grade UX prototyping and specification tool for creating highly interactive wireframes with conditional logic, dynamic content, and functional forms — without code.

AI-native product design tool combining UI design, prototyping, collaboration, and developer handoff in one platform. Positions as a Figma alternative with deeper generative AI integration.

Simply beautiful open-source SVG icon set by Cole Bemis with 280+ icons on a 24x24 grid. The original inspiration for the Lucide fork; widely used in developer-facing UI kits.

Cross-platform vector design tool (now Corel Vector) running in the browser and on desktop. Originally founded in Berlin, acquired by Corel Corporation in 2018.

Free mix-and-match illustration library of human characters with customizable clothing, hair, poses, and skin tones. Distributed for use in products, marketing, and presentations.

Universal open-source icon framework unifying 200k+ icons from 150+ icon sets into one API. Supports React, Vue, Svelte components and a Figma plugin for seamless icon browsing.

Platform for creating, editing, testing, and sharing Lottie animations — lightweight JSON-based motion graphics for web and mobile apps. Includes a visual Lottie editor and marketplace.

Web-based Lottie animation editor for designers to create, edit, and ship interactive animations to apps and websites without coding. Trusted by 500,000+ designers.

Community-maintained open-source icon library forked from Feather Icons with 1000+ consistent SVG icons. Provides React, Vue, Svelte, and Angular packages actively updated by the community.

Free cross-platform UI/UX design tool by Icons8, supporting Sketch file format, built-in asset libraries, and optional self-hosted cloud. Runs on Windows, Mac, and Linux.

AI-powered Figma plugin for generating icons, images, and copy from text prompts directly inside Figma. Created by Diagram and acquired by Figma in 2023 — features now part of Figma AI.

Open-source component compiler by Builder.io that lets you write UI components once and compile them to React, Vue, Svelte, Angular, Solid, Qwik, and more. Enables framework-agnostic design systems.

AI-native browser-based design platform integrating image editing, vector tooling, animation, and real-time collaboration in one canvas. Targets multidisciplinary creatives and art directors.

AI-powered professional UI design tool with built-in AI UI generation, prototyping, and developer handoff. Founded in Singapore, publicly launched in 2024 as a Figma alternative for the AI era.

Free Mac-only prototyping tool by Meta using a visual patch-based programming model for complex interactive interfaces. Used internally at Facebook/Meta and released publicly.

Flexible open-source icon family with 1200+ icons in six weight variants (thin, light, regular, bold, fill, duotone). Available for web, React, Vue, Flutter, and as a Figma library.

Mac-only prototyping app for animated and interactive UI design. Created by a former Apple engineer; known for timeline-based animations and ease of use for designers.

Advanced no-code prototyping tool for high-fidelity, sensor-aware interactions without code. Supports touch, keyboard, sound, and hardware sensor inputs. Used at Apple, Google, and Samsung.

AI website builder and Figma component library with 1000+ web design components. Combines AI site generation with a curated design system for Figma and Webflow.

Professional vector design tool for macOS with a JavaScript plugin API, developer handoff mode, and design token export. One of the longest-standing UI/UX design platforms used by professional product teams.

Open-source illustration library offering hundreds of customizable SVG images free for any personal or commercial use. Created by Katerina Limpitsouni with a brand-color customization feature.

AI-powered wireframing and UI design tool for non-designers. Converts screenshots to editable designs, generates wireframes from text prompts, and provides a rich template library.