Design Tools
74 tools
Loki.Build
Loki.Build is an AI-native website builder that generates studio-grade landing pages and gives you full control in a real, live editor. Built-in SEO, hosting & complete control. No more agencies. No more rigid templates. No more waiting to ship.
Stitch 2.0 by Google
Meet Stitch, your AI-native vibe design partner. Create, iterate, and collaborate on high-fidelity UI using natural language, voice, and context-aware agents. Design across images, code, and text in one canvas, generate instant prototypes, and maintain consistency with built-in design systems and DESIGN.md. From idea to interface in seconds — faster, smarter, and more intuitive than ever.
MiroMiro
The fastest way to copy any website's design. MiroMiro is a Chrome extension that lets you inspect and extract design assets from any website without opening DevTools. Hover over any element to instantly copy its CSS, colors, fonts, and spacing. Download images, SVGs, and even Lottie animations with one click. Extract design tokens and export them as Tailwind config or CSS variables. Built for designers and developers who want to stop rebuilding from scratch and start shipping faster.
Lunair
The fastest way to add a video to your landing page. As easy as writing, with creative control. Describe your product or idea and Lunair generates a complete video: consistent characters, custom scenes (not stock assets), voiceover, music, and motion, delivered as a ready-to-share video file. Then edit with plain language: choose a narrator, tweak the script, refine scenes to match your brand. Built for custom, on-brand explainers and marketing videos, not generic AI clips. Join 5,000+ creators.
Hatable
LinkedIn is fake. Your friends are too nice to tell you that your landing page makes no sense. So we built Hatable. An AI Agent with only one directive: Choose Violence. ☠️ It browses your site, parses your copy, and generates a roast so brutal you might actually pivot. This isn't a CRO audit. It’s a reality check. Drop your link. Get destroyed. Don’t say we didn’t warn you.
8bitcn/ui
A set of retro-designed, accessible components and a code distribution platform. Open Source. Open Code.
Design Agent by Lokuma
Lokuma Design Agent, is an AI designer your agents can call, a design intelligence layer for agents like OpenClaw, Claude Code, or Codex. AI can generate almost anything. But generation isn’t design. Turning raw outputs into something clear, structured, and visually refined still requires design thinking. Built by design tool makers, Lokuma helps AI reason about layout, typography, and visual balance — transforming outputs into landing pages, websites, and campaign pages that feel designed.
Userology AI
Userology is your AI user researcher on autopilot. Drop in a Figma prototype or live product, set your target persona, and our AI recruits users, moderates sessions, and turns messy transcripts into bite-sized insight reports with clips, quotes, and clear next steps.
Kodo
Kodo is an AI design tool that generates fully editable posters, slides, menus and social graphics from a simple prompt. Unlike other AI design tools that output flat images, Kodo creates structured, layered designs you can edit instantly - text, colors, layouts, spacing, everything. You can generate, refine, and export in minutes - no templates, no locked layouts.
Kira 4.0
Kira 4.0 brings video and music into the same creative flow as our image editor. Animate a friend's photo, drop an AI soundtrack, change their hairstyle before anyone notices. No prompts, no downloads, no experience needed. Just pick something, make it, and share the joy.
Heywa
From prompt to visual story in seconds. Heywa dynamically builds the right visual experience around your question, so you can browse, compare, and go deeper - without endless tabs or long chat responses.
Vybe
Vybe turns natural language into secure, production-ready internal apps that connect to your real data. No long backlogs, no glue code, no fragile prototypes. Auth, roles and deployments are built in. Plug in Postgres, Salesforce, Jira and 3,000 integrations. Start from scratch or remix templates used by world-class operators and make them your own in seconds. Internal tools that actually ship.
GetMimic
Stop wrestling with Photoshop to make marketing assets. GetMimic is an AI-powered engine for generating hyper-realistic, watermark-free chat, post, and AI prompt mockups in seconds. We support 35+ pixel-perfect platforms (WhatsApp, Twitter, ChatGPT). What makes us different? Built-in AI auto-complete to write the conversations for you, real-time light/dark mode previews, and cloud saving—all in a 100% ad-free workspace.
Webflow AI site builder
Turn a simple prompt into a multi-page, production-ready website with Webflow’s AI site builder. Start with structure, styles, and animations, then continue building seamlessly in Webflow. It’s a faster start on a foundation built to scale.
Picsart Persona & Storyline
Introducing Picsart Persona & Storyline: your new way of designing your AI influencer and creating any content with it. Persona — design your AI character (human, pet, mascot, or fictional). Try it: https://picsart.com/persona/ Storyline — create short-form clips, episodic series, or full narratives with that character. Same character in every scene. No camera required. Built for faceless YouTube, TikTok, and more. Try it: https://picsart.com/ai-story-generator/
Omma
Omma combines code generation (LLMs), 3D generation (AI 3D Gen), and media generation with parallel agents to create interactive apps, websites, 3D assets, and more!
BrandingStudio.ai
BrandingStudio.ai brings the $150K–$500K agency process to founders. 7 AI-powered modules build your entire brand from strategy and competitor analysis to logo, color system, typography, voice guidelines, and a 90-day launch plan. It analyzes 1,000+ data points about your business before generating a single pixel. Everything exports as SVG, PDF, and a shareable digital brand hub. Built by a brand consultant for Coca-Cola, HSBC, and Airbnb, who turned 20 years of methodology into AI.
thefrontkit
thefrontkit = Design + Code UI kits that feel like a real app, not a mock. Token-driven theming, accessibility out of the box, and runnable Next.js + Tailwind examples. Launching two Full kits: AI UX (prompt→streaming→citations→feedback→upload→export) and SaaS Starter (auth, dashboard, tables, forms, settings). Built to ship, not tinker.
Stitch by Google
For founders and PMs who can't afford to waste a week on mockups. Describe your UI, get editable design + real code. Free. By Google. It introduces Hatter, a new agent aiming to handle multi-step design tasks, plus new App Store asset generation and native MCP export.
Thinking Line
AI-powered image vectorization and doodle creation. Turn prompts into editable SVGs and engaging explainer videos with Thinking Line.
Anima
From rough ideas to Figma files, Anima’s AI generates accurate frontend code that matches your design system. Say goodbye to generic code agents - build real, responsive UI that’s on-brand and ready to ship.
GeneratePPT
The anti bloat presentation tool. Built for professionals who value their time more than pixel perfect alignment.
APImage
Create studio-grade images in seconds. Edit your photos with AI in a single tap, generate stunning product visuals, remove backgrounds, or bring any idea to life. Experience pixel-perfect object preservation and consistent, high-quality results every time.
Grid Overlay Pro
Grid Overlay Pro is a browser extension that helps designers and developers ensure pixel-perfect alignment by overlaying customizable grid systems on any webpage. Unlike static design tool overlays, it features responsive grid adaptation—automatically adjusting column widths and spacing when the viewport resizes, maintaining consistent proportions across any screen size.
LayerProof Chromo
LayerProof Chromo's AI agent reads your data, structures the story, builds real charts, and links every claim to its source. What took hours of copy-pasting now takes minutes. Slides you can stand behind, finally.
slicer.dev
Designers save references. This turns them into prompts. Extract any component from any website - interactions, animations, structure, states - and get a ready-to-use prompt for Lovable, Cursor, Claude Code, or wherever you build.
Replit Animated Videos
Generate professional animated videos from everyday language prompts. No expensive agencies or editing skills needed. Built on React with smooth transitions, text overlays, and AI imagery. Export as MP4 or share instantly.
DemoMe
DemoMe helps indie developers turn screen recordings and screenshots into polished demo videos in seconds. Unlike traditional video editors, DemoMe is built specifically for product demos. It focuses on speed, consistency, and beautiful defaults so you can ship faster. Everything runs fully on-device. No uploads. No cloud processing. Perfect for App Store previews, Product Hunt launches, landing pages, and social media posts.
FF Designer
AI design tools promise speed but deliver slow outputs, endless re-prompting, and lost momentum. FF Designer generates polished screens in seconds and lets you edit everything visually. No loops, just flow. Download or export, your choice
Nimbalyst Beta
You get the best results with Claude Code when you iterate with it to build full context. Nimbalyst is the local editor and session manager where you iterate with Claude Code on WYSIWYG markdown docs, mockups, diagrams, and code. This is the launch of Nimbalyst's Beta.
Projekt
One workspace for builders. Run multiple AI coding agents side-by-side with live preview, inline editing, and file management. Bring your own keys — no lock-in, no extra subscriptions.
AI Website Redesign by Shuffle
Paste a URL and describe your vision. Watch multiple AI models redesign your website side by side.
Visdiff
AI coding tools generate frontends that look close, but never match the design. You end up spending hours fixing spacing, fonts, colors, and layout. Design-to-code plugins generate rigid code. Visual regression tools catch problems but don't fix them. Visdiff closes the loop: paste your Figma link, and AI agents generate, verify, and fix the code against your design reference until it actually matches. No more "close enough." What you designed is what gets shipped.
Design Rails
Chat with an AI creative director. Get a complete brand identity in minutes—logo, colors, typography, voice & tone, UI styles—all packaged as agent-ready files. No more generic UI. Drop the files into your project, and tools like Claude and Lovable generate on-brand UI from day one.
Built for Devs
Three tools. One platform. Complete developer adoption intelligence. Time-to-value tracking, screen-recorded evaluations with real ICP-matched devs, and an AI engine that tells you exactly what's broken and how to fix it. The intelligence compounds. You've watched the dashboards. Developers still drop off. Now you'll know why.
OpenFlowKit
OpenFlowKit is a 100% free, open-source diagram engine for engineers, architects, and product teams who care about craft.
StreamPad
Skip the $150 Stream Deck — your iPhone is already in your pocket. StreamPad turns your iPhone/iPad into a pro control deck with buttons, dials, faders & touch strips over WiFi. 🎛️ Per-app audio mixer (10-band EQ, 0-200% volume) 🔄 Auto-switching profiles per active app 🎬 30 presets: Final Cut, Logic, Photoshop & more 📡 Full OBS Studio integration 🎨 18 custom themes Free to start. Works with Mac & Windows.
UI Inspector
A visual CSS editor that lives in your browser. Select any element, tweak its styles in a side panel, and instantly see changes on the page. Export your changes as CSS, Tailwind, SCSS, or JSX. Built-in presets automatically inherit the site's own color palette, so your edits look native from the start.
Live AI Design Benchmark
Start with a prompt and watch multiple website designs come to life. Compare them side-by-side, pick the winner, and fine-tune it visually in Shuffle.
Refero MCP
Refero MCP connects your agent to a curated library of real product interfaces and user flows. It studies before it builds — and the output looks designed, not generated.
Lucent
Lucent is an AI that watches your session replays 24/7, and automatically detects issues your users are running into in real time. Trusted by leading engineering teams like Reducto, Browser Use, and Productlane.
Dembrandt
Free & Open Source tool that extracts design tokens from any website into a standard W3C DTCG JSON. It captures colors, typography, spacing, button states, and breakpoints in seconds. 100% local, no login required.
Decoy
Decoy lets developers create mock services locally. No need for Docker or heavy Electron apps. I built it to test webhook requests coming from my own applications, testing my API wrappers and seeing how my app reacts to redirects, timeouts and failures. You can even mock full webpages to test your scrapers and AI agents against, without risking being rate limited or blocked. All in a beautiful native app. It weighs only 10MB and starts up super quickly and there is no tracking at all.
Pluck
Pluck is a Chrome extension that lets you copy any UI component from any website and paste it into Claude, Cursor, Lovable, or any AI tool. One click captures the full structure — HTML, styles, fonts, colors, spacing, and assets. Paste and get pixel-perfect code.
MobileScreen
MobileScreen is an AI agent for App Store screenshots. Just take raw screenshots of your app in the simulator and MobileScreen turns them into polished, ASO-optimized App Store screenshots for all device sizes. It can also upload them directly to App Store Connect. With the CLI tool, developers and coding agents like Claude Code can generate, update, and upload screenshots automatically as part of their workflow—making screenshot creation fully automated.
LightKeeper
Your site feels fast to you — but how does it load in Brazil, Germany, or Canada? LightKeeper runs Lighthouse audits from 65+ global locations so you see real performance for every market. AI interprets results and gives a clear action plan — no technical expertise needed. Monitor Core Web Vitals across the pages that matter most, test authenticated pages, and catch regressions before they hurt your rankings or conversions. Full HAR report included for deeper analysis
ScreenMagic
Stop spending hours on App Store screenshots. ScreenMagic lets you browse real app styles from the App Store, pick one you like, and generate stunning screenshots with AI. Upload your app screenshot, choose a style, and get professional results in seconds. Works for both App Store and Play Store. No design skills needed.
Radian OS
Radian is an open-source UI kit 🎨 and React development library 🧑🏻💻 that keeps design and code in sync. Build consistent interfaces using production-ready components and tokens that map directly to real code.
Marketrix User Testing Agent
Most QA tools test what you tell them to test. But real users don’t follow scripts. Marketrix User Testing Agent flips this. AI agents explore your product like real users, uncovering bugs, edge cases, and UX gaps automatically. Instead of writing test cases, you get: • Real user-like navigation • Automatic bug and edge case discovery • UX insights and friction detection This means your product becomes: → Self-testing → Self-improving → Built for real users, continuously improving
Screenshot Bro
Screenshot Bro is a local-first, browser-based editor for App Store/Google Play screenshots. Unlike static mockup tools, it covers full listing workflows: multi-project + multi-row layouts, iPhone/iPad/Android frames, drag/resize/rotate layers (text, shapes, SVG, images) with snap guides, per-shot background overrides, and live preview. It auto-saves in-browser, supports undo/redo, and exports store-ready PNG ZIPs or full project JSON/ZIP backups.
SVG Weave
SVG Weave is a visual node graph editor for animating SVGs with AI. Upload an SVG (or generate one from text/images), describe the motion you want, and watch AI stream production-ready CSS @keyframes in real time. Chain renders together- each step builds on the last. Connect two SVGs to auto-generate state transitions. Click any element to fine-tune it with an AI chat editor. A built-in timeline lets you scrub and inspect every animation. Start free with 20 credits. No design tools needed.
A Dope Canva - Omni Toolkit, Locally.
Meet AdopeCanva, a high-performance, minimalist toolkit designed for the modern creator. Built with a beautiful bento-grid interface, AdopeCanva moves the heavy lifting to your browser. Why AdopeCanva? ✨ 100% Client-Side: Files stay on your machine. ⚡ Zero Friction: No signups 🍱 Bento UI: Clean and organized. 🛠️ Tools: Video-to-GIF, Image Compression, BG Removal, & more. 💎 Future-Proof: Core tools stay free. Power users get a lifetime deal under $10 coming soon!
PixlTools
30+ free online image tools. Compress JPG, PNG, WEBP, resize images, convert formats, add watermarks, and more. No signup. 100% free.
Scribble Pad
Scribble Pad is a browser extension that turns any website into your personal canvas. Draw, sketch, write notes, capture screenshots and annotate in real time.
Plainify
Plainify generates structured specification files for AI coding assistants like Claude Code, Cursor, v0, and Bolt. Powered by Claude's Haiku 3.5 and 4.5 models, it turns your input into detailed, AI-ready spec files. Use Relax Mode to describe your idea in one sentence and let AI handle the rest, or take full control with Custom Mode to build your spec section by section. Free to use. Built on an open-source spec format.
Product 360
Build products people love with AI-powered RICE scoring, OKRs, discovery tools, roadmaps, and coaching. The world's best free product management platform.
shadcn/ui theme generator for lazy devs
Give your shadcn/ui project a real look, fast - pick a color and font, preview it live, and ship a theme ready for production.
Screenshots
I built Screenshots because every time I launched an app, creating App Store screenshots was the most painful part. Upload your app image, pick a background, adjust padding and elevation — download a perfect screenshot instantly. Free forever. No signup. No watermark. Open source. Built for indie developers who just want to ship.
Aioli
Free, open-source AI design system engine. Describe in natural language, get production-ready UI in HTML, React, Vue, or Svelte. 1,543 W3C design tokens, 43 components, 6 WCAG AA verified themes (120/120 contrast pairs pass). Plugs into Claude, Cursor, and Copilot via 12-tool MCP server. REST API, JS SDK, CLI, and community component registry. No API keys. No subscription. No vendor lock-in. MIT licensed. The same design intelligence premium tools charge $20-50/month for — free forever!
Screenshot Otter
Screenshot Otter is an App Store screenshot generator for indie developers. Upload screenshots, pick from hand-crafted templates, and customize captions with AI-powered suggestions. The real unlock: auto-localize captions into 40+ languages and upload directly to App Store Connect and Google Play. No Figma, no freelancers, no manual resizing. Free to start with 3 templates, no signup required. Pro unlocks everything for $12.50/mo billed annually.
Gestalt
Open source Graphic Design Tool under 1MB. No login. No cloud. No subscriptions. Runs on macOS, Linux, mobile & more. Full toolset: pen, shapes, pathfinder, layers, Swiss design tools guides, export. Everything stays in your device.
Bolly
An AI friend that helps you work, study, and stay balanced. Remembers your goals, checks in when you've been quiet. Works on Mac, Windows, and Linux - can see your screen and help directly. Private, persistent, yours.
shutup-mcp
Zero-config MCP proxy that shows agents only the tools they actually need — 98% token reduction, no API keys. - hjs-spec/shutup-mcp
Expect
One command scans your unstaged changes or branch diff, generates a test plan, and runs it against a live browser.
Able
Able scans any webpage for WCAG 2.2 violations, scores compliance by severity, and gives you plain-language fixes, right in Chrome's side panel. Free tier included. Pro ($29 one-time) adds PDF reports, contrast previews, and exact CSS fix suggestions.
AI Designer MCP
Claude Code and Codex are great at writing code, but frontend design is still where coding agents fall short. That’s why we built the AI Designer MCP — giving your agent the tools to create beautiful, codebase-aware UI directly inside the client you already use. No more generic purple gradients, overused lucide icons, and AI-looking layouts. Just clean, polished, relevant UI that actually fits your product.
Ultramock
Create stunning, cinematic device mockups directly in your browser. Interact with your UI in 3D, apply blurs, set the camera angle and more. Capture your new product in style.
Lunagraph
Lunagraph is a design canvas — like Figma, but everything you add is real HTML, CSS, and React. Hand-craft UIs from scratch with granular control, or ask Claude to make sweeping changes. Designers, founders, and engineers all work on the same canvas.
OpenTailwind
OpenTailwind is a free, open-source library of 1,761 Tailwind CSS UI blocks and 1,920 landing page templates across 19 industries. Every block comes with a live customizer: swap accent colors, heading and body fonts, toggle between design styles (modern, sharp, soft, minimal, luxury), grayscale images, and monochrome mode. Then copy the code or download the file. All blocks support dark mode, responsive design, and scroll animations out of the box. Built by lindo.ai. Free forever.
Music Marketplace by Eleven Labs
Music licensing is broken. Sync fees, clearance delays, per-use negotiations. ElevenCreative's Music Marketplace flips it: generate a track, publish it, earn every time it's downloaded or remixed. $11M paid to voice creators. Now music gets the same engine.
Deconflict
Free, open-source WiFi planner that runs in your browser. Drop a floorplan, place access points from 100+ real models, and see signal coverage through walls in real time. Each wall material has realistic RF attenuation. Glass, brick, concrete all behave differently. Channels are assigned automatically, and a 3-stage optimizer finds ideal AP placement. No account, no install, no subscription.
Figma for Agents
AI-generated designs break brand standards because agents can't see your design system. Figma's use_figma MCP tool changes that. For product teams bridging design and code with AI agents.
Shuffle AI Redesign Extension
Redesign any website with the AI Website Redesign extension - powered by leading AI models. Works seamlessly with local and password-protected sites.
Vector
Vector is an all-in-one AI platform that helps people turn ideas into live companies with real users, generating real revenue.