Command Palette
Search for a command to run...
Design Tools(31)
The core kit — interface design, prototyping, and everything between.
Design Tools Resources

Axure RP: Ultimate Tool for UX Prototypes and Diagrams
Axure RP is a professional prototyping tool for creating highly interactive wireframes, flowcharts, and functional prototypes without code. Its conditional logic, dynamic content, and adaptive views make it especially powerful for complex enterprise UX documentation.
Balsamiq: Fast and Easy Wireframing for Teams
Balsamiq is a rapid wireframing tool with a deliberately sketch-style aesthetic that keeps conversations focused on structure rather than visual polish. Its drag-and-drop component library makes it the fastest way to go from idea to wireframe, loved by product teams and stakeholders alike.

Codeshot
macOS app for turning code snippets into shareable images, with syntax highlighting for 180+ languages, 80+ themes, and controls for type, padding, shadows, and social formats.
Crystal SVG Generator
Create unique crystal shapes perfect for AI products with one-click copy to Figma

Cursor Expands Into Visual UI Design
Cursor added a visual editor, closing the code-to-design gap from the code side. For designer-builders, this may become the fastest path from idea to implementation — especially for SwiftUI and React prototypes.

Efecto - Interactive Shader Playground
Efecto is a browser-based interactive shader effects tool for designers and developers. Play with generative shaders like the Pulsar, experiment with parameters in real-time, and use the outputs as backgrounds, textures, or hero visuals for your projects.

Endless Tools: Advanced Design Tools for Creative Projects
Endless Tools is a collection of generative design tools for creating unique patterns, gradients, and abstract compositions. Each tool focuses on a specific creative technique — noise, grids, waves — letting designers produce one-of-a-kind visuals for backgrounds, posters, and branding.

Enhance Coding with Cursor's AI-Powered Code Editor
Cursor is an AI-powered code editor built on VS Code that understands your codebase and helps you write, refactor, and debug code through natural language. For designers who code, it dramatically lowers the barrier to building prototypes and design tools.

Explore DIA's Creative Tools Archive
DIA's Tools Archive is a curated collection of creative software, utilities, and experiments from the DIA design studio. It surfaces lesser-known tools alongside industry staples, helping designers discover new additions to their creative toolkit.

html.to.design — Convert Any Website into Editable Figma Designs
html.to.design converts any website into fully editable Figma designs. Paste a URL, drop in HTML/CSS, or capture private/logged-in pages via the Chrome extension. Outputs real text, images, and proper layer hierarchy with auto layout — ideal for redesigns, competitive audits, and rapid prototyping without building from scratch.

LDRS: Free Open-Source Loaders and Spinners
LDRS provides a collection of beautiful, lightweight loading animations as web components. Each loader is customizable via attributes (size, color, speed), zero-dependency, and works with any framework — perfect for adding polished loading states to any project.

Liquid Glass CSS
Apple's iOS/macOS Liquid Glass effect recreated in pure CSS and SVG filters. Open-source implementation you can use in your web projects.

Loops: Advanced Email Platform for SaaS Success
Loops is a modern email platform designed specifically for SaaS companies, offering transactional emails, marketing campaigns, and automated sequences with a clean, developer-friendly interface. Its visual email builder helps designers create branded communications without wrestling with HTML email quirks.

Marvel: All-in-One Design Platform for Digital Products
Marvel is an all-in-one design platform that covers wireframing, prototyping, user testing, and developer handoff in a browser-based tool. Its simplicity makes it great for quick prototypes and non-designer stakeholders who need to contribute to the design process.

Node-Based AI Design Workflows — Modular Control for Designers
Designers can now build modular AI workflows visually — nodes for prompts, data, and logic — without code. Creates inspectable, composable, auditable AI iteration. The 'pro mode' layer of AI-assisted design for systems thinkers who value intent-driven constraints over black-box automation.

Origami Studio: Comprehensive Design and Prototyping Tool
Origami Studio is Meta's free design prototyping tool used internally for products like Facebook, Instagram, and WhatsApp. Its patch-based visual programming system excels at creating complex, realistic interaction prototypes — especially micro-interactions and gesture-driven interfaces.

Penpot
newOpen-source interface design and prototyping platform with CSS Grid and Flex layouts, design tokens, shared libraries, and an open file format. Teams can use its cloud service or self-host.

Picmal
Native Mac utility for batch-converting and compressing images, video, audio, RAW files, and PDFs locally. Includes presets, watched folders, clipboard optimization, and Finder actions.
Pixel Composer: Advanced VFX for Pixel Art
Pixel Composer is a node-based VFX tool designed specifically for pixel art, letting you create complex particle effects, distortions, and animations through visual scripting. It brings procedural motion graphics techniques to the pixel art world.

React Grab
React Grab is an interactive demo and component library showcasing advanced React interactions and animations. Praised for some of the most polished interactive demos in the React ecosystem — great for inspiration and copying proven interaction patterns.

Setapp: Ultimate Mac App Subscription Service
Setapp is a subscription service that gives you access to 240+ curated Mac and iOS apps for a flat monthly fee — including design tools like CleanShot X, Sip, and Gifox. A cost-effective way to access premium productivity and design utilities without individual licenses.

Shaders.com
Component-based WebGPU shaders for React, Vue, and Svelte. Visual editor generates production-ready shader code for landing pages, dashboards, and hero sections.

Shots: Effortless Mockup Creation for Designers
Shots lets you create beautiful device mockups and presentation frames in seconds — just drop in your screenshot, pick a device template, customize the background, and export. No Photoshop needed. Essential for portfolio presentations and social media marketing.
Sketch Booth Pattern Generator
Experimental pattern generator for branding work. Custom shapes and images analyzed by pixel brightness for unique flow patterns. Built with creative coding principles.
Superdesign.dev: AI Design Toolkit
Superdesign.dev offers a collection of AI-powered design tools for quick tasks like background removal, image upscaling, and design asset generation. A Swiss army knife for designers.

SuperX Twitter Analytics: Chrome Extension for X Growth
SuperX Chrome extension for X (Twitter) analytics. Track follower growth, engagement metrics, and post performance. Free analytics dashboard for creators.

Toools.design — AI UI/UX Tools Hub
Curated directory of the best AI tools for UI/UX designers — from conversational design tools to sketch-to-digital converters. Tracks the shift from pixel-pushing to intent-driven design iteration.

UNMS Research Tool: AI-Powered App for Faster Insights
Discover UNMS research app—AI-powered tool for academic and market research. Automate data gathering, analyze sources, and elevate insights. Try it free.
UXPin: Advanced UI Design and Prototyping Tool
UXPin is a design tool that bridges the gap between design and code by letting you build prototypes with real React, Storybook, or npm components. Its merge technology means designers work with production components directly, eliminating design-development drift.

Vincent
newLocal-first visual thinking canvas for Apple Silicon Macs, with pressure-sensitive drawing, layers, shapes, text, images, and PSD exchange. Built for rough notes, diagrams, and wireframes.

Womp: Beginner-Friendly 3D Design Software
Womp is a beginner-friendly 3D design tool that runs entirely in the browser. Using an intuitive clay-like modeling approach, it lets anyone create 3D illustrations, icons, and scenes without the steep learning curve of traditional 3D software.
