設計的一切，精緻典藏

A comprehensive checklist resource for designers with Figma plugin integration

The words designers use when they know what they're looking at. Covers vocabulary across typography, color, iconography, layout, interaction, motion, accessibility, IA, copywriting, tools, analysis, a

A glossary of 91 common animation patterns. Use these names to describe what you want when prompting an AI — and tweak each one live to feel how it moves.

Fluid text transitions powered by Framer Motion. A React component library for animating typography with style.

Stunning 3D mockup generator with 30+ battle-tested devices. Create studio-grade product shots in minutes with no 3D experience needed.

Figma AI-powered design workflows platform that combines multiple AI models (Google, OpenAI, Kling, Runway, etc.) with professional design tools. Build custom AI workflows and apps.

AI-powered vector graphics generation tool that generates, edits, and animates SVGs from text or images using the Arrow model. Raised $8.3M seed from a16z.

A skill that teaches AI agents about product motion, including transitions, animations, and commands for reviewing and applying motion effects in your projects.

A design system community for AI builders with 100s of free design systems. Drop a DESIGN.md file in your repo and tell your AI coding tool to use it.

Connect AI agents to 600,000+ real product screens. Search screens, browse user flows, and get design inspiration directly from Claude Code, Cursor, and other AI tools.

AI landing page builder

Google Stitch is an AI-native software design canvas that transforms natural language prompts, hand-drawn wireframes, or screenshots into fully editable UIs and production-ready code.

Atlassian's unified design language across all their products. Includes components, patterns, AI guidelines, and resources for designers and developers.

Free and open-source, ready-to-use, customizable map components for React. Built with MapLibre GL, shadcn/ui, and Tailwind CSS.

A curated collection of design styles from top companies like Apple, Linear, Stripe, and more. Search by brand, style, color, font, or URL.

Create vector dotted maps with custom options and download them as SVG or PNG files

Agentation turns UI annotations into structured context that AI coding agents can understand and act on. Click any element, add a note, and paste the output into Claude Code, Cursor, or any AI tool.

AI generated photos, illustration & 3D image library

8 Bit Web Library for Fun Projects

We use too many modals, let's just not. Fun one pager explaining why designers should not use more modals.