collectivebrain.de/en/skills/design-accessibility-review
Skill that audits a design or page against WCAG 2.1 AA and returns issues with severity and fixes.
Cool Tools
A small collection of design focused tools.
No tools matched that search. Try a broader keyword or tag.
Claude Skills
Emil Kowalski's skill collection for animation and interface craft, including animation review, audit, and Apple design principles.
github.com/anthropics/skills/tree/main/skills/brand-guidelines
Official skill that applies Anthropic's brand colors and typography to generated artifacts.
github.com/arvindrk/extract-design-system
Skill and CLI that pulls color, type, spacing, radius, and shadow tokens from any public site as JSON and CSS custom properties.
Anti-slop frontend skill set that steers agents away from templated UI, with style variants for minimalist, brutalist, and soft aesthetics.
github.com/nextlevelbuilder/ui-ux-pro-max-skill
Design intelligence skill with a reasoning engine that generates tailored design systems across 84 UI styles and 161 rules.
Vercel's living checklist of interface decisions across interaction, motion, layout, forms, and performance, installable as an agent audit command.
Color
Accessible palette creator that builds WCAG-compliant color systems.
Tailwind color tool for customizing and previewing palettes.
Tailwind CSS shade generator for color scales.
Generates tint and shade scales from a base color.
Tailwind-compatible color palette generator.
Design & Code
AI UI and multi-page site builder with a visual editor, prompt- and image-to-code flows, Tailwind/HTML output, and Figma export.
Turns a prompt or Figma import into a full app in the browser.
Visual development platform with prompt, website, and Figma-to-code workflows.
Claude workspace for prompt-driven design that imports real design systems, validates output against brand rules, and syncs bidirectionally with Claude Code.
AI-first code editor for working alongside AI on real codebases.
Collaborative interface design and prototyping in the browser, with design systems, FigJam, native motion design, code layers, and dev handoff.
No-code site builder with AI Agents built into the canvas for real-time co-editing, plus Git-style branching for reviewing agent changes before publishing.
Imports Figma frames, creates layout variations, and exports clean frames back.
Google's AI-native design canvas for generating multi-screen UI from prompts, with voice input, multiplayer editing, and Figma/code export.
Builds production-ready apps from prompts with Figma import support.
Generates code from prompts, images, or Figma and exports to Figma and GitHub.
Multiplayer AI design canvas where agents and humans work together to generate, explore, and iterate on app and website UI.
Connected team canvas on web standards (HTML/CSS) that links agents, code, and real data so design and handoff stay in sync.
Agent-driven MCP canvas for generating and iterating on UI visually.
Turns outlines into website wireframes and exports to Figma, Webflow, and React.
Browser-based IDE with prompt-to-code AI for quick experiments.
eng.basement.studio/tools/shader-lab
Browser shader playground for stacking retro effects like CRT, dithering, scanlines, and bloom with live controls.
Web-based collaborative 3D design platform for interactive, production-ready experiences.
Designs, prototypes, and exports production-ready code with reusable components.
Turns prompts, sketches, or screenshots into designs for rapid ideation.
No-code WebGL scene builder for interactive, shader-driven graphics in the browser—layers, effects, and export for sites, Framer, Webflow, and video.
AI UX assistant with versatile review and generation tools.
Vercel UI generator that accepts prompts or Figma files and outputs React.
Design Systems
component.gallery/design-systems
Curated index of components across major design systems for research.
Directory of design system libraries in Figma with implementation language and token notes.
Reference hub for notable product design systems, with libraries, components, and articles.
Connects design systems from Figma or websites to AI coding agents with structured context.
designsystems.com/open-design-systems
Curated directory of open design system kits published on the Figma Community.
Component documentation and isolated UI development for design system handoff.
Design system management, documentation, and code generation platform.
The standard Figma plugin for managing and syncing design tokens.
AI-powered mobile app design generator for quickly producing starter UI screens.
Living documentation platform for design systems and style guides.
Figma plugins
figma.com/community/plugin/733159460536249875/a11y-color-contrast-checker
Checks text and UI color contrast against WCAG targets directly inside Figma.
figma.com/community/plugin/733902567457592893/autoflow
Draws user flows and diagrams as editable connector lines between frames and shapes.
figma.com/community/plugin/733590967040604714/brandfetch
Pulls official brand logos, colors, and typography into Figma from Brandfetch.
figma.com/community/plugin/1420427052856622613/dither-apply-amazing-dithering-effect-for-any-images
Applies stylized dithering effects to images for retro, print, and texture-driven visuals.
figma.com/community/plugin/930702747188058634/export-comments
Exports Figma comments for sharing, archiving, and handoff outside the file.
figma.com/community/plugin/744047966581015514/feather-icons
Inserts Feather icons as editable vectors with consistent stroke styling.
figma-intelligence.vercel.app/#how-to-install
Free Figma plugin that connects Claude, OpenAI, Gemini, Perplexity, Stitch, and external tools via MCP for design, tokens, accessibility, and code workflows.
figma.com/community/plugin/774202616885508874/font-awesome-icons
Search and place Font Awesome icons directly on the canvas.
Imports live webpages into editable Figma frames using HTML and CSS.
figma.com/community/plugin/741184519069077841/isometric
Transforms layers into isometric projections for illustrative UI mockups.
figma.com/community/plugin/736000994034548392/lorem-ipsum-by-divriots
Generates placeholder text with flexible length and formatting options.
figma.com/community/plugin/809860933081065308/lottiefiles-discover-create-export-lottie-animations
Browse community Lottie animations and insert or export Lottie from Figma.
figma.com/community/plugin/731312569747199418
Generates editable map imagery from Google Maps or Mapbox inside Figma frames.
figma.com/community/plugin/740272380439725040/material-design-icons
Adds Google’s Material Symbols / icon set as scalable vectors for UI work.
figma.com/community/plugin/775716538746765221/pixels
Snaps measurements, spacing, and alignment checks while you design in Figma.
Iconography
Established icon library with a huge range of icons and styles.
Google Material Symbols icon set with adjustable font-based properties.
Hand-crafted SVG icons by the Tailwind CSS team.
Universal icon framework with more than 200,000 icons from many sets.
Large library of royalty-free icons in many styles and formats for apps and sites.
Clean and consistent open-source icon set popular in React ecosystems.
Premium icon set with a wide range of styles.
Huge collection of icons for any idea, with SVG and PNG downloads and licensing options.
Clean modern icon library with free and pro tiers.
Image Generation
adobe.com/products/firefly.html
Adobe image generator trained on licensed content and integrated with Creative Cloud.
Node-based creative platform from Figma that combines multiple AI models with professional editing tools for scalable media workflows.
Team canvas with 50+ generative models for image-led ideation, reusable flows, and scalable campaign output.
Curated library of free AI stock photos, illustrations, and 3D renders from human creators.
High-quality AI image generation known for artistic and photographic output.
Fast, high-quality AI image generation for visual exploration.
Inspiration
Award-winning web design showcase and benchmark for digital craft.
Curated gallery of dark mode interface design references.
Curated showcase of standout website design filtered by style and type.
Curated collection of minimal and clean web design references.
Massive library of real mobile and web UI screenshots searchable by pattern.
Best practices and UI patterns for AI-powered products.
Curated collection of standout iOS product details, interactions, and interface patterns.
LLMs
Full-suite AI assistant by OpenAI for writing, coding, analysis, and more.
Full-suite AI assistant by Anthropic with strong reasoning and document handling.
Full-suite AI assistant by Google with deep Workspace integration.
AI-powered research and search engine that is great for staying current.
Markdown
github.com/VoltAgent/awesome-design-md
Curated DESIGN.md templates inspired by popular brand design systems—drop-in specs for AI coding agents to match UI conventions.
github.com/MarkEdit-app/MarkEdit
Free open-source Markdown editor for macOS with a native lightweight feel.
Free browser-based ASCII wireframe editor for lo-fi mockups and quick prototypes.
Local-first markdown knowledge base for linked notes and long-term thinking.
Classic online text-to-ASCII art generator with dozens of font styles.
Presentations & storytelling
AI presentation maker for professional, on-brand decks with a freeform canvas, team collaboration, templates, and export to PPT, PDF, or the web.
AI-powered tool for presentations, lightweight websites, and social posts.
Productivity
AI meeting notepad: transcribes from your device audio with no meeting bots, polishes the notes you jot during calls, and helps with follow-ups and summaries.
Meeting reminder app for Mac, iPhone, and iPad: full-screen alerts before events, calendar sync, and one-tap join for 30+ video services.
AI scheduling for Google Calendar: auto-blocks focus time, habits, and meetings while keeping your calendar flexible.
Research & Testing
AI feedback widget that clusters and prioritizes user feedback in real time, built for small teams without a dedicated research function.
AI-powered research repository for interviews, synthesis, and tagging.
Session replay and product analytics for understanding user behavior.
Typography
Berlin-based foundry known for contemporary experimental typefaces.
Professional font library included with Creative Cloud.
Extracts webfonts from any URL and suggests free open-source alternatives.
Independent type foundry with versatile display and text typefaces.
ML-powered font pairing generator for finding complementary combinations.
Archive of real-world typography across print, digital, and branding.
Free high-quality fonts from Indian Type Foundry.
Free open-source web font library used across the web.
Historically informed typefaces widely used in editorial and branding.
Independent foundry producing contemporary, high-quality typefaces.
Independent foundry known for expressive display and text faces.
Curated platform for open-source typefaces selected for quality.
Type foundry offering free and premium typefaces popular with designers.
Native macOS font manager with logo previews, OpenType support, custom collections, watch folders, and one-click activation.
Reference and showcase for variable fonts with rich filtering.
Video & Motion
adobe.com/products/firefly/features/ai-video-generator.html
Adobe video generator built for commercial-safe workflows and Premiere integration.
AI-powered video and podcast editor with transcript-based editing.
Google video generation model available through Gemini for cinematic clips.
Fast and simple browser-based motion design tool.
Standard workflow for bringing After Effects animations to web and native apps.
High-quality AI video generation known for smooth and realistic motion.
AI canvas from the Spline team that generates interactive, production-ready motion design and web experiences from natural-language prompts.
Creates, extends, and edits video clips from prompts or images.
Interactive runtime animation tool for production interfaces across platforms.
Industry-leading AI video generation and creative editing platform.
Free browser tool that turns typed text into polished kinetic typography animations, no keyframes required.
Visual Productivity
Mac screenshot app for quickly creating polished screenshots with automatic balancing and redaction.
Screen measurement and inspection toolkit for testing on-screen graphics and layouts.