文章更新時間：
從網站轉設計、資料串接，到圖片編輯與檔案匯入。目標只有一個：讓你的 Figma 畫布發揮最大效能。‹div›RIOTS 開發的外掛們是我優化設計工作流的核心。讓工具服務創意，而非拖慢效率，別讓瑣事占領畫布，把時間還給創意。
⭐️ 本文重點
- ‹div›RIOTS 簡介：被 Figma 官方收購核心技術
- 數百萬用戶喜愛的明星外掛
- 不用重做，直接匯入：將檔案轉為可編輯的 Figma 設計
- 直接在 Figma 編輯與優化圖片
‹div›RIOTS 簡介
公司成立於 2018 年，總部位於巴黎，員工約 11 人。公司使命是「縮短開發者與設計師間的合作落差」，透過軟體工具提升前端團隊效率，讓他們專注於產品交付。 ‹div›RIOTS 打造一個真正「革命性」的 Figma 外掛生態系，旗下擁有 20 多款外掛、超過 250 萬名使用者，涵蓋：
- 網站轉設計（html.to.design）
- 圖片轉圖層（image.to.design）
- Figma 轉網站（figma.to.website）
- 資料串接（data.to.design）
- Storybook 元件生成（story.to.design）
- 快速填充假文（lorem.ipsum）
- …… 等熱門工具。
此外，‹div›RIOTS 也提供完整的檔案匯入系列，可將 PDF、PSD、AI、Office、CAD、Visio、CorelDRAW、EPS、XPS 等 40 多種格式轉為可編輯的 Figma 設計，並推出 Import Bundle 年費方案整合所有匯入外掛。此外也有圖片編輯類工具，如去背、去除物件、向量化、畫質提升等，透過 Credits 機制跨外掛使用。整體定位為讓設計師「不用重做，直接匯入」，加速設計流程並強化 Figma 工作效率。
從其官網首頁中可以發現，使用他們家的外掛有哪些國際知名公司，如 Google、OpenAI、Figma、Samsung、UPS、Nespresso、Wix 等。
與 Figma 的正式合作與技術收購
- 2024 年底，Figma 正式收購了 divRIOTS 將網頁轉成 Figma 設計的核心技術，並將其整合到自家產品流程中，可視為 Figma 直接採用 divRIOTS 技術。
- divRIOTS 也是 Figma 官方社群裡多個高人氣外掛（如 html.to.design）的開發方，Figma 生態系內超過 250 萬名使用者在使用這些工具，代表其在國際設計／前端團隊中滲透率相當高。
產品型態與客戶輪廓
- divRIOTS 主打 Backlight.dev（設計系統開發環境）與一系列 Figma 插件（html.to.design、image.to.design、story.to.design 等），客群鎖定「前端團隊、設計系統團隊」與中大型組織的設計／開發協作。
- 官方資料強調它服務「設計與科技產業」，並提到工具被數百萬用戶使用，這在典型 DevTools / DesignTools 生態中，多半來自國際 SaaS、電商、金融科技與產品公司內部的 UI/UX / Frontend team。
⭐ 數百萬用戶喜愛的明星外掛
- html.to.design：將任何網站或 HTML 程式碼轉為可編輯的 Figma 設計（👥 130 萬使用者）
- image.to.design：把圖片直接轉為可編輯圖層（👥 40,000 使用者）
- figma.to.website：從 Figma 直接製作網站（👥 38,400 使用者）
- story.to.design：從 Storybook 或 Histoire 生成 Figma 元件（👥 15,800 使用者）
- data.to.design：將真實資料串接到 Figma 設計中（👥 20,400 使用者）
- lorem.ipsum：一鍵填入假文、假圖與測試資料（👥 100 萬使用者）
⭐ 不用重做，直接匯入
把你現有的檔案轉為可編輯的 Figma 設計。
- xps.to.design：XPS → Figma
- pdf.to.design：PDF → Figma
- psd.to.design：PSD → 可編輯圖層
- illustrator.to.design：AI → Figma
- eps.to.design：EPS / PS → Figma
- office.to.design：PPTX / DOCX / KEY / PAGE → Figma
- corelDRAW.to.design — CDR → Figma
- visio.to.design：VSD / VSDX → Figma
- cad.to.design：DWG / DXF / DWF → Figma
⭐ 直接在 Figma 編輯與優化圖片
不只是匯入，更能即時優化圖片。
- image.to.design：把圖片直接轉為可編輯圖層
- Remove Background：100% 私密去背
- Remove Objects：移除不需要的物件
- Vectorize：點陣圖轉向量
- Upscale：提升低解析圖片畫質
讓工具服務創意，使畫布承載靈魂
