4 items tagged with cursor.
跟 AI coding agent 說「這個按鈕往左一點」、「這裡間距怪怪的」，最後往往變成一大段文字描述，模型還是抓錯元素。這篇主要想分享給：平常用 Cursor、Claude Code 改前端，但又懶得截圖標箭頭的人。 Agentation 的做法很直接——在瀏覽器裡點元素、留註解，輸出結構化 context 給 agent 讀。我最近在這個站的 Next.js 專案裝好了，從 React component 到 Cursor MCP 都走過一遍，紀錄如下。 ⸻ ▍Agentation 是什麼？ dev-only 的 React overlay。開發模式下你可以： - 點頁面上任何元素 - 寫要改什麼 - 複製 markdown，或同步到本機 MCP server 預設資料不會離開你的電腦。註解先留在瀏覽器，除非你手動複製，或接上 `localhost`。對設計師跟前端來說，跟 Cur
很多產品的 icon 都是這樣長出來的：先借一套現成的，之後缺什麼就補什麼。久而久之，同一個產品裡會出現幾種不同的線條、圓角和比例。每一個 icon 單獨看好像沒什麼，但放在一起，就會有一種「不是同一個人畫的」的感覺。 Cursor 最近換上了一套全新的 icon system。Minor Adventures 的設計師 Marek Minor 在一篇文章裡分享了整個製作過程：大約一年、600 多個 icon、兩種尺寸、兩種風格，而且每一個探索和最後版本都是手工繪製。 這件事最有趣的地方，不是 Cursor 的 icon 變漂亮了，而是它示範了一個成熟產品如何把視覺細節變成可以長期運作的系統。 ⸻ ▍從「繼承」走向自己的語言 Cursor 最初沿用了 VS Code 的 Codicons，再加上一些不同時期慢慢累積的 custom icons。這很合理，產品早期最重要的是先把功能做出來。但
前幾天在 Threads 隨口寫了一句：凡採用 AI 工作流程的 UI/UX 設計師（或非工程人員），都該先從 Git 學起，否則會很難跟人協作。 底下很快出現兩種聲音。一種是「開一堂給設計師的 Git 101 啊」，另一種是「套 skill 就好，學什麼學」。還有人問得更直接：設計師出的圖檔，本來就不能 `git commit` 吧？每個版本都是獨立檔案，也沒有「很多人共同畫一份 pages」這種事。 這篇主要想分享給開始用 AI 碰程式、但又還沒把 Git 當成自己工具的人。不是要你變成工程師，也不是叫你把 Figma 檔丟進 GitHub。只是我自己越來越覺得：當你真的能開 branch、交 coded prototype，有幾個詞不懂，跟工程師講話會卡住，叫 AI 救場也會救錯地方。 Claude Code 幫你生出一頁 HTML，那還只是你自己的草稿。要讓別人打開、留言、一起改，
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，而是把「這能力是什麼、怎麼接、現在值得先做什麼」寫清楚。 ⸻ ▍官方在講什麼 公告列