標籤: Figma 頁1

Figma相關的文章,目前共收錄 76 篇內容。

21st.dev:專為 AI Coding 打造的 React UI 元件平台,讓前端開發更快完成
網路資源

21st.dev:專為 AI Coding 打造的 React UI 元件平台,讓前端開發更快完成

21st.dev 是專為 AI Coding 打造的 React UI 元件平台,提供豐富元件、動畫與 Landing Page 範本,支援 MCP Server 與 Claude Code、Cursor 等 AI 工具,加速前端開發與介面設計流程。

AI 對設計產業的影響
教學

AI 對設計產業的影響

AI 正在重寫設計產業的工作流程與人才需求。本文以台灣與國際近五年資料,解析 AI 在視覺設計、產品設計、UX/UI、動態與品牌設計的實際應用、工具比較、版權與法規風險,以及設計師、主管與 PM 未來 3–5 年該如何因應。

如何使用 Figma MCP 在 Codex 跟 Figma 連動並操作設計
教學

如何使用 Figma MCP 在 Codex 跟 Figma 連動並操作設計

說明如何透過 Codex 連結 Figma 並操作的方法。

Stitch 是什麼?如何讓 Stitch 讓快速幫助你完成 UI 設計?
教學

Stitch 是什麼?如何讓 Stitch 讓快速幫助你完成 UI 設計?

Stitch 是 Google 推出的 AI 設計工具,透過自然語言快速生成網站與 App UI,支援多版本設計、Figma 匯出與程式碼生成,幫助開發者與創作者大幅縮短從想法到成品的設計流程。

Google Stitch 大更新:Vibe Design 時代的來臨
教學

Google Stitch 大更新:Vibe Design 時代的來臨

Google Stitch 推出「Vibe Design」重大更新,從 AI 生成工具進化為可協作的設計環境。支援無限畫布、設計 Agent、語音互動與即時原型,並透過 DESIGN.md 強化設計系統共享,重塑 UI 設計與開發流程。

Every 的六位工程師教你「如何用 AI 放大工作成果」
教學

Every 的六位工程師教你「如何用 AI 放大工作成果」

Every 六位工程師利用 AI 工具、智能代理與自動化流程,以「六人之力」同時運營四款 AI 產品與每日新聞信,展示小團隊如何透過結構化流程與人機協作放大生產力。

Lineicons:專為設計師與開發者打造的極致 icon 庫
網路資源

Lineicons:專為設計師與開發者打造的極致 icon 庫

Lineicons 提供 26,000+ 線條圖示,支援 SVG、React、Vue、Figma 等格式,結合設計美感與技術彈性,是前端與設計師的圖示首選。

Streamline:收錄超過 40 萬個 icon 及插畫的平台,並提供免費下載
網路資源

Streamline:收錄超過 40 萬個 icon 及插畫的平台,並提供免費下載

想找高品質圖示與插圖?Streamline 提供超過 39 萬項設計素材,支援 Figma、VS Code 等工具整合,是 UI/UX 設計師的效率神器。

Phosphor Icons:靈活自由的開源 icon
網路資源

Phosphor Icons:靈活自由的開源 icon

Phosphor Icons:開源 MIT 授權的圖示套件,提供 Thin、Light、Regular、Bold、Fill、Duotone 六種風格,支援顏色、大小、粗細等客製化,給喜歡讓網站有更多不同變化的朋友參考。跨平台支援 Web、React、Vue、Flutter 及 Figma/Sketch 外掛。

Nicelydone:豐富的UI/UX 靈感資料庫,設計人必備「靈感助推器」
網路資源

Nicelydone:豐富的UI/UX 靈感資料庫,設計人必備「靈感助推器」

Nicelydone:設計靈感資料庫,收錄超過 15 萬真實應用截圖、6,700+ 使用流程與 12,600+ UI 元件,支援文字搜尋與進階篩選。可建立收藏並共享,並一鍵匯入 Figma、Sketch,適合設計師與產品團隊快速尋找靈感。

MingCute:簡約精緻的開源圖示庫
網路資源

MingCute:簡約精緻的開源圖示庫

MingCute:開源高品質圖示庫,採 Apache-2.0 授權,提供線條與填滿兩種風格、SVG/PNG/Webfont 格式,上千款圖示並支援 Figma、NPM、Iconify 與動態 Lottie 整合,適合設計與開發快速打造一致美觀的 UI。

Kombai 評析:專為前端設計打造的 AI Agent,從 Figma 一鍵生成高品質 React / HTML+CSS 程式碼
網路資源

Kombai 評析:專為前端設計打造的 AI Agent,從 Figma 一鍵生成高品質 React / HTML+CSS 程式碼

Kombai 是 AI 前端工具,可將 Figma、截圖或文字提示轉為 React 元件或 HTML+CSS,支援 email 模板開發,提升設計到程式碼效率。

Readdy:AI 幫你寫網站、出 UI,還能直接發布上線
網路資源

Readdy:AI 幫你寫網站、出 UI,還能直接發布上線

Readdy 是一款 AI 網頁設計平台,透過自然語言就能生成 UI、Landing Page 並匯出前端程式碼或 Figma,適合創業 MVP 開發與視覺快速原型製作。

Relume:整合 AI 的 Webflow & Figma 元件庫與網頁生成工具
網路資源

Relume:整合 AI 的 Webflow & Figma 元件庫與網頁生成工具

Relume 是一款結合 AI 網站生成與 1,000+ Webflow/Figma/React 元件的建站平台,支援快速 wireframe 編輯與元件貼上,適合設計師與前端快速打造高質感網站結構。

Fluent UI System Icons:免費的微軟現代化介面 icon 套件
網路資源

Fluent UI System Icons:免費的微軟現代化介面 icon 套件

Fluent UI System Icons 是微軟推出的開源圖示庫,含 2,000+ 圓潤風格圖示,支援 Regular 與 Filled 樣式,MIT 授權可商用,適合 UI 設計與跨平台應用。

Lovart:像請設計師一樣簡單,由 AI 設計代理人幫你自動完成設計的工作
網路資源

Lovart:像請設計師一樣簡單,由 AI 設計代理人幫你自動完成設計的工作

Lovart 是全球首個 AI 設計代理人,能將自然語言提示轉化為完整的品牌設計、海報、社群素材等,適合設計師、行銷人員與創作者快速產出高品質視覺內容。

Dora:AI 驅動的免撰寫程式碼網站設計工具,輕鬆打造互動式 3D 網站
網路資源

Dora:AI 驅動的免撰寫程式碼網站設計工具,輕鬆打造互動式 3D 網站

Dora 是一款免寫程式碼的 AI 網站建構平台,專為設計師與創意專業人士打造。支援 3D 動態網站設計、AI 自動生成、視覺化編輯、Figma 匯入與響應式佈局,讓使用者輕鬆創建專業網站,快速發布引人注目的數位作品。

Lovable:透過 prompt、上傳圖片或是連結 Figma 就可以生成程式碼的服務
網路資源

Lovable:透過 prompt、上傳圖片或是連結 Figma 就可以生成程式碼的服務

Lovable 是一款 AI 驅動的網頁與 App 開發平台,透過自然語言描述或 Figma 設計稿,自動生成響應式網站或應用程式,並支援即時預覽、後端整合與一鍵部署,幫助使用者快速推進專案開發。