ArticleMarch 11, 2020
Figma Best Practices
Figma Best Practice introduces the best industry practice created by Figma team.
FigmaDesignUser Interface
34 items tagged with design.
Figma Best Practice introduces the best industry practice created by Figma team.
Independent film director Gary Hustwit announced to offer free streaming of his past work to encourage people staying home. First title would be his typography documentary Helvetica (2007).
You can now group Figma styles in collapsible sections, organise your color palettes are way easier.
本週不是「又一個更強模型」的週——是「工作流被改寫、平台被賣掉、審核介面開始失效」的一週。設計師該留意的，不是誰又發了 PR，而是：誰握有你常用的工具、誰在替你審核 AI、以及介面本身還算不算最後一道防線。 Bending Spoons（Evernote、WeTransfer、Eventbrite、Vimeo 等品牌持有者）以約 $1.285B enterprise value$11B 峰值估值，這是一次明顯的下行出清。 對設計師的影響不在「表格會不會明天關掉」，而在產品策略可能轉向：精簡功能線、砍成本、把工具收成可預測的現金牛。Airtable 今年還推過 Superagent（AI agent 編排），未來這條線會被加強還是收斂，仍未知。 這是本週最該寫進週報的產業訊號——不是八卦併購，而是：設計師日常依賴的協作基建，正在被金融邏輯重新定價。 若你的設計系統、內容 CMS、或內部工具建
很多產品的 icon 都是這樣長出來的：先借一套現成的，之後缺什麼就補什麼。久而久之，同一個產品裡會出現幾種不同的線條、圓角和比例。每一個 icon 單獨看好像沒什麼，但放在一起，就會有一種「不是同一個人畫的」的感覺。 Cursor 最近換上了一套全新的 icon system。Minor Adventures 的設計師 Marek Minor 在一篇文章裡分享了整個製作過程：大約一年、600 多個 icon、兩種尺寸、兩種風格，而且每一個探索和最後版本都是手工繪製。 這件事最有趣的地方，不是 Cursor 的 icon 變漂亮了，而是它示範了一個成熟產品如何把視覺細節變成可以長期運作的系統。 ⸻ ▍從「繼承」走向自己的語言 Cursor 最初沿用了 VS Code 的 Codicons，再加上一些不同時期慢慢累積的 custom icons。這很合理，產品早期最重要的是先把功能做出來。但
本週的關鍵字不是「新模型」，是「預設值」。 Anthropic 把 Claude Code 的 auto mode 設成預設，理由是人工審核的數據太難看；Twitch 把「用你的直播訓練 AI」設成預設，產品長直接承認「如果是 opt-in，沒人會 opt in」；Adobe 把「該開哪個 app」整件事拿掉，交給模型路由；Cloudflare 甚至做了一個預設沒有人在看的瀏覽器。而 Cursor 在週五正式變成 SpaceX 的子公司——連你每天打開的工具歸誰所有，也不是你決定的。 設計師這週該拿走的不是新功能清單，而是一句提醒：預設值就是政策。 我們還能設計的，是退出的路徑、可見的成本，以及讓人知道自己剛剛被決定了什麼。 8 月 14 日，SpaceX 完成對 Anysphere（Cursor 母公司）的全股票併購，隱含股權價值 $60B，Cursor 成為 SpaceX 全資子公司。
前幾天在 Threads 隨口寫了一句：凡採用 AI 工作流程的 UI/UX 設計師（或非工程人員），都該先從 Git 學起，否則會很難跟人協作。 底下很快出現兩種聲音。一種是「開一堂給設計師的 Git 101 啊」，另一種是「套 skill 就好，學什麼學」。還有人問得更直接：設計師出的圖檔，本來就不能 `git commit` 吧？每個版本都是獨立檔案，也沒有「很多人共同畫一份 pages」這種事。 這篇主要想分享給開始用 AI 碰程式、但又還沒把 Git 當成自己工具的人。不是要你變成工程師，也不是叫你把 Figma 檔丟進 GitHub。只是我自己越來越覺得：當你真的能開 branch、交 coded prototype，有幾個詞不懂，跟工程師講話會卡住，叫 AI 救場也會救錯地方。 Claude Code 幫你生出一頁 HTML，那還只是你自己的草稿。要讓別人打開、留言、一起改，
「這是成為設計師最好的時代。」 這句話從 OpenAI 產品設計主管 Ian Silber 口中說出來，我第一反應不是被鼓舞，而是有點懷疑。 畢竟，同一時間，設計師和 user researcher 卻是最容易感到焦慮、疲憊和不知所措的一群人。大家一邊看著 AI 越來越會做圖、寫介面、做 prototype，一邊又忍不住想：如果這些事情都可以被自動完成，那我還剩下什麼？ 我看完 Lenny's Podcast 對 Ian Silber 的訪談後，覺得這句話不是在否定設計師的焦慮，而是在重新定義「設計師到底在做什麼」。 ⸻ ▍設計師焦慮的來源，不只是 AI 太強 工程師已經感受到 AI 帶來的 10 倍、甚至 100 倍生產力提升。寫 code、改 bug、產生一個可以運作的版本，速度都快了很多。 設計好像沒有同樣戲劇性的改變。 不是因為 AI 做不到畫面，而是設計的流程本來就不是「產出一個
Figma 8 月 11 日在 Release Notes 裡寫了一則更新，標題很直接： Starting today, you can run your Figma Weave tools from clients like ChatGPT, Claude, or Cursor using the Figma MCP server. Describe what you need and the agent finds the tool, runs it, and returns the result in your conversation. 這篇主要想分享給：已經在用 Cursor（或 Claude）做事，手上又有重複生成需求——mockup、icon、社群尺寸延展——的人。不是再介紹一次 Weave，而是把「這能力是什麼、怎麼接、現在值得先做什麼」寫清楚。 ⸻ ▍官方在講什麼 公告列
上週寫 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 資產。 設計師這週該拿走的不是新功能清單，而是一句提醒：你以為是工具的東西，正在變成可以抽走、或可以替你行動的平台。
多數 AI 產品長得差不多：左邊一串 chat history，中間一個空白輸入框，右邊偶爾冒出一點 side panel。 你問一句，它答一句。關掉分頁，這段關係就結束了。明天再開，通常又是一次新的開始。 SpaceXAI 最近的 Designing Grok Bot for a world of persistent agents，講的卻是另一種關係：agent 不該只活在一次 session 裡。它要有名字、有記憶、有自己的電腦，甚至能在你還沒開口之前就開始做事。 讀完之後，我覺得這篇比較不像產品發表，而像一份設計宣言——當模型真的開始「負責」一件事，介面該怎麼跟著改。 ⸻ ▍聊天紀錄本來就該被忘掉 文章一開始就戳破一件很平常、但很少被當設計問題處理的事： Chats are disposable. 我們開一段對話，解決一個問題，它就被往下推。一週後再開一段。真正會回頭看的，大概只剩
Here's my advice for engineers looking to up their design game. 前 Figma、Palantir 的工程師 Matt Dailey 前陣子在 X 上丟了一篇長文 How I Design with AI。副標寫得很直白：As an engineer who is not a designer and hates slop. 我第一反應不是「工程師也開始教設計了」，而是鬆了一口氣。因為他講的，其實不是怎麼讓 AI 生出漂亮畫面，而是怎麼不讓產品變成一坨看起來像樣、用起來卻很空的東西。 開頭那句更狠： Every landing page, app and TUI look the same. They're slop and most of them are incomprehensible. 這句話我最近幾乎每天都會碰到。不是
Dennis Brotzky 寫了一篇 Wealthsimple 收購 Fey 一年後 的回顧。三個一起做了十多年產品的人，走進一家幾千人、高度監管的金融公司，然後開始改網頁。 很多人會把它讀成一篇 performance 文章：Angular shell 拆掉、prefetch、字體 cache、logo 不再一張一張問 GraphQL。這些都很硬、也很精彩。但我讀完最卡住的，不是速度變快，而是這件事： taking Thiago's taste and making it the default for the rest of the company. 把一個人的品味，做成全公司的預設值。 這句話把創辦人對 UI 跟工程的影響，講得比「創辦人很注重細節」準很多。細節人人都會講。真正稀缺的，是同一套判斷同時改畫面、改 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。 設計師這週該拿走的不是「又一個更聰明的模型」，而是地圖更新：模型可以出、可以貴、可以便宜，但出現在哪一個選擇器裡，仍是
上週寫完 Airtable 交割、Astra 出現在哪些選擇器裡，這週第一個後果不是模型，是所有權。9 月 10 日，Bending Spoons 簽下 Miro：企業價值 $1.355B$1.79B，預計第四季交割。同一家公司，兩個星期內收走資料庫跟白板。 同一週 OpenAI 讓你在 ChatGPT 裡畫一筆當參考圖；Adobe 讓 Premiere 的時間軸自己生影片、音效、配樂；OpenAI 工程部落格則叫你把去年堆起來的 skill 跟 `AGENTS.md` 砍掉一截。Jira 開始掃描待辦、自己派工、自己開 PR。 設計師這週該拿走的不是「又一個生圖模型」，而是地圖更新：工具可以換老闆，工作流也可以在你沒按送出的時候自己開始。 你還能設計的，是可帶走的白板、短到不會互相打架的指令，以及一條「什麼時候人必須按合併」的閘門。 <!-- weekly-toc --> 9 月 10
