
Lieflat charts
Agent skill that turns datasets into editorial HTML charts and reports: Lupi for slow-reading data stories, Glance for ranking in seconds, plus 12 bilingual full-page templates.
UI 靈感、工具、文章與 Figma 資源——為工作室設計師整理、索引、隨取隨用。
每週二精選推送 · 絕不濫發 · 隨時退訂
248 designers subscribed across the beta — resources, articles, tools & more.
從全球設計社群手挑選的工具、文章與設計靈感。

Agent skill that turns datasets into editorial HTML charts and reports: Lupi for slow-reading data stories, Glance for ranking in seconds, plus 12 bilingual full-page templates.

One-ink and two-ink editorial image skill for posters, zines, and packaging: halftone photography, visible paper, and restrained type. Not a monochrome filter.

Codex skills that bind everyday photos into paper zine pages, either keeping the photograph as an anchor or distilling it into a new illustrated artwork.

Codex skill that turns a theme, photo, or sentence into a sparse paper-texture zine poster: lots of negative space, one small subject, one loud color accent.

Codex skill that keeps the original photo and adds a lower abstract memory panel plus a short poetic English title. Not a filter or style transfer.

Codex skill for 3:4 bitmap editorial posters: fine dot-matrix subjects, quiet type, and print texture. Not retro game pixel art.

Gemini prompt that animates a still papercraft city — tiny vehicles, water, clouds — without leaving the paper-art look.

Beautifully designed, copy-paste UI components for AI agent conversations: thinking states, tool calls, streaming text, citations, tables and more. Ships in React, Vue and Svelte.

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.
色彩、工具、流程與觀點——為工作室設計師整理的長文與指南。
上週寫完那句「Astra 從一開始就不會出現在 Cursor 裡」,這週它真的出了。9 月 3 日 OpenAI 把 GPT-6 Astra 送進 ChatGPT、API、Azure、Bedrock;隔天 GitHub Copilot 跟 Vercel AI Gateway 也接上。官方可用性清單裡,沒有 Cursor。 同一週 Anthropic 把 Fable 5.1 的 cache read 砍了 75%,長跑 agent 終於比較負擔得起;Figma 讓 shader 跟 generative plugin 可以發布、下載程式碼、交給 MCP;Cursor 則把 agent 的電腦操作搬進你自己的機器。Google 把 Pics 塞進 Docs 跟 Slides。 設計師這週該拿走的不是「又一個更聰明的模型」,而是地圖更新:模型可以出、可以貴、可以便宜,但出現在哪一個選擇器裡,仍是
上週寫 Cursor 換老闆的時候,還在盤「prompt 資產能不能帶走」。這週答案來了,而且比所有權更直接:供應商可以單方面抽走你工作流裡的一截。 8 月 28 日,OpenAI 公告要在 11 月 12 日停止向 Cursor 提供模型,理由寫得很白——不信任 SpaceX 會遵守條款。Cursor 創辦人說 OpenAI 只佔約 5% 流量,Anthropic 立刻加碼 Claude 的 compute。同一段時間,Cursor 推了 Origin 自己當 Git 主機;Claude 開始能寄 Gmail、丟 Drive 檔,Cowork 上了手機;Gemini 在 Android Chrome 自己去瀏覽網頁;Figma 把 skills 做成 Community 資產。 設計師這週該拿走的不是新功能清單,而是一句提醒:你以為是工具的東西,正在變成可以抽走、或可以替你行動的平台。
本週的關鍵字不是「新模型」,是「預設值」。 Anthropic 把 Claude Code 的 auto mode 設成預設,理由是人工審核的數據太難看;Twitch 把「用你的直播訓練 AI」設成預設,產品長直接承認「如果是 opt-in,沒人會 opt in」;Adobe 把「該開哪個 app」整件事拿掉,交給模型路由;Cloudflare 甚至做了一個預設沒有人在看的瀏覽器。而 Cursor 在週五正式變成 SpaceX 的子公司——連你每天打開的工具歸誰所有,也不是你決定的。 設計師這週該拿走的不是新功能清單,而是一句提醒:預設值就是政策。 我們還能設計的,是退出的路徑、可見的成本,以及讓人知道自己剛剛被決定了什麼。 8 月 14 日,SpaceX 完成對 Anysphere(Cursor 母公司)的全股票併購,隱含股權價值 $60B,Cursor 成為 SpaceX 全資子公司。