TAG
#前端開發
5 篇文章
TechLab 所有關於「前端開發」嘅文章、評測同教學，由最新排起。
Tech NewsChrome 151 終於認得 SPA 轉頁：React、Next.js 效能數據唔再塞落首頁
React、Next.js 呢類單頁網站切換 route 時，瀏覽器一直冇當佢係真正轉頁，Core Web Vitals 好易全部計落最初網址。Chrome 151 加入 Soft Navigations API，量度終於可以跟住 route 走，不過 LCP 分組、跨瀏覽器數據同 RUM 支援都有幾個伏位。
23 天前
Tech NewsFigma 公布 AI 動畫同 code layers，設計交接想少一輪來回
Figma 喺 Config 2026 一口氣公布 code layers、AI Motion、Shaders 同 Weave 工具，方向好清楚：設計師可以喺畫布入面試互動、特效甚至 code。慳唔慳到時間，要睇 plan、AI credits 同團隊點做 code review。
29 天前
3C 產品Google Antigravity 接通 Figma 三分鐘出 code，離正式上線仲有幾關
Google Antigravity 經 MCP 讀取 Figma 設計，幾分鐘就砌到可操作嘅 React 網頁。不過原文個例子只係四頁 onboarding demo，仲鎖死手機尺寸；要放入真正產品，元件重用、responsive、無障礙、測試同安全都要逐項補返。
1 個月前
3C 產品Open CoDesign 可取代 Claude Design、Figma Make 同 Replit 嗎？免費背後仲有幾多成本
XDA 作者用 Open CoDesign 減少多個 AI 設計訂閱，但免費只限軟件本身，模型 token、現有訂閱、本機硬件同設定時間仍然要計。佢適合由設計原型直接交畀前端開發，但未能完整頂替 Figma 協作同 Replit 部署。
1 個月前
Tech NewsFigma 將 AI agent 放入畫布：設計同開發 workflow 會點變？
Figma 新 AI agent 唔只係幫手生圖，而係嘗試接管設計修改、批量 iteration、設計系統套用同 code-to-canvas 循環。對香港 agency、startup 同產品團隊，重點唔係追新功能，而係點樣管好客戶資料、AI credits 同工程交接。
3 個月前