UI 靈感、工具、文章與 Figma 資源——為工作室設計師整理、索引、隨取隨用。
每週二精選推送 · 絕不濫發 · 隨時退訂
Hand-picked tools, reads and inspiration from across the global design community.
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.
A very cool mock-up video generator with image & video suppot. It also support personal use for free
色彩、工具、流程與觀點——為工作室設計師整理的長文與指南。
Last week, TailwindCSS released their v4 version with revamped color tokens using OKLCH. I forsee more web devs are going to adopt OKLCH as the new standard for color tokens. This might sound very technical, but it's actually a significant change UI/UX designer should be aware of. With major browsers now reaching 93.1% adoption rate, OKLCH is on track to be the new standard that bridges design and
週末打開設計圈，AI 的話題不在「更強」，而在「品味」這件事上 ➡️ 1️⃣ Anthropic 推出 Claude Opus 4.8——主力模型再升級，AI 協作的生成品質再上一階。改稿、發想的天花板又被推高。 2️⃣
Actually there are a lot of SaaS that offer web scraping that can map out data or even enrich the data using AI. I tried Instant Data, it's very straightforward when you're dealing with a single layer data structure. I also tried Claywhich is marketed as CRM/ lead generator with extensive AI and API support. In the end, I have successfully scrape the data I needed with Webscraper.io which the Chr