Droplette 是什麼
Droplette是Relay所開發的Figma與FigJam AI用於配色設計的插件,它能幫助設計師根據現有的圖像、顏色樣式以及文字要求來生成調色板。它運用GPT-4o來理解需求並提出適合的配色方案,請注意,它與同名的保養設備或保養應用並非同一事物。
工具直接嵌入設計檔案的配色流程,重點在於快速探索、整理和迭代顏色。它無法取代對比度測試、品牌審核、印刷打樣或設計師的最終判斷。
主要功能
| 功能 | 接收內容 | 產生結果 | 適合任務 |
|---|---|---|---|
| AI 調色盤生成 | 自然語言描述、顏色數量和設計語境 | 可繼續調整的顏色組合 | 品牌探索、介面主題和視覺概念 |
| 畫框顏色提取 | Figma 或 FigJam 中選定的畫框 | 從畫面識別出的候選顏色 | 從情緒板、插圖或舊設計提煉配色 |
| 本地樣式同步 | 文件中的本地顏色樣式 | 受現有設計系統約束的調色板 | 保持品牌一致性與擴展主題色 |
| 顏色調整 | 已生成調色板及用戶修改 | 明度、色相或組合經過調整的版本 | 精修介面狀態色和視覺層次 |
| 保留並重新生成 | 滿意顏色、待替換顏色和新提示 | 繼承部分顏色的新方案 | 在不推翻全部結果的情況下迭代 |
| 多語言提示 | OpenAI 支持語言的文字描述 | 按語義生成的調色板 | 非英語團隊和跨地區協作 |
從設計畫框提取顏色
使用者可以在 Figma 或 FigJam 中選擇一個或多個畫框,讓插件將其中出現的顏色作為調色板的基礎。這種方式很適合從情緒板、參考構圖、插圖或現有頁面中快速收集顏色資料。
提取結果仍可能包含裝飾色、陰影色或不適合作為系統顏色的細微變體。使用前應合併近似顏色,並區分主色、輔助色、中性色和狀態色。
連接本地顏色樣式
Droplette 可以讀取檔案中的本地顏色樣式,讓 AI 在現有的設計系統中提出新的組合方式。團隊可以藉此擴充品牌色、打造深色主題,或是新增活動專用顏色,而不必從完全沒有關聯的顏色開始。
插件讀取到的樣式並不代表產生的結果就自動符合品牌規範。設計師仍需檢查命名、變數結構、色階間距以及組件的實際使用方式。
用文字生成和迭代調色板
使用者可以描述品牌氣質、產品類型、情緒、季節或希望避免的顏色,GPT-4o會將這些文字要求轉化為配色建議。提示越具體,結果通常就越容易接近目標。
- 說明使用場景,例如金融後台、兒童應用或環保包裝。
- 指定希望保留的品牌色、顏色數量和明暗傾向。
- 寫明需要避開的色相、飽和度或行業刻板配色。
- 說明需要淺色主題、暗色主題、數據圖表色或狀態色。
- 保留滿意顏色後再生成其餘位置,減少無效反覆。
一次生成通常只需數秒,但速度會受顏色數量、提示複雜度、網路以及 OpenAI 服務狀態的影響。頁面上所給的速度描述並不構成固定的回應時間承諾。
完整使用教學
- 在 Figma Community 中安裝 Droplette,並確認目前的 Figma 帳戶允許使用插件。
- 購買並啟用一次性許可證,保存訂單憑證和授權資訊。
- 在 OpenAI 帳戶中建立專用於此插件的 API 金鑰,並為對應專案設定用量預算。
- 請依照插件指示填入金鑰,切勿將金鑰貼上到公開的檔案、評論或團隊聊天中。
- 打開目標的 Figma 或 FigJam 檔案,選擇畫框、現有的顏色,或連接本地的顏色樣式。
- 輸入配色意圖、使用場景、顏色數量以及必須保留或避開的條件。
- 運行生成,檢查每個顏色的角色、層次以及與現有組件的關係。
- 保留滿意的顏色,調整不適合的色值,再用補充提示重新生成其餘顏色。
- 將結果應用到變數、樣式或組件上,並在真實介面中檢查文字、圖示和狀態的對比度。
- 完成前測試淺色與暗色背景、色覺差異、顯示器偏差和需要的印刷輸出。
提示詞寫法範例
有效的提示應同時描述場景、氣質、顏色以及相關的限制條件。例如,可以要求為健康管理應用設計出既冷靜又可信賴的顏色方案,且這些顏色適合用於深色介面。此外,也可以要求保留原有的主色,再讓其他顏色用來表示成功、警告和危險等狀態。
不要只寫「好看」或「高級」,這類詞缺乏可執行的約束條件。如果結果不理想,應逐步補充目標用戶、背景的明暗程度、飽和度、品牌個性,以及必須達到的對比度要求。
輸入與輸出
| 類別 | 支持內容 | 注意事項 |
|---|---|---|
| 設計輸入 | 所選畫框、畫面顏色、本地顏色樣式 | 複雜文件可能包含大量近似色和無關裝飾色 |
| 文字輸入 | 自然語言配色要求 | 可使用 OpenAI 支持的語言,理解效果取決於表達清晰度 |
| 模型輸入 | 顏色上下文與提示內容 | 具體傳輸範圍和保存方式暫未公開 |
| 結果輸出 | 可調整和繼續生成的調色板 | 不是自動通過可訪問性或品牌合規檢查的成品 |
| 設計應用 | Figma 與 FigJam 檔案中的顏色工作流程 | 變數映射、組件替換和交付規範仍需人工處理 |
價格與用量費用
| 套餐或版本 | 價格 | 計費週期 | 核心權益或額度 | 適合用戶 |
|---|---|---|---|---|
| Droplette 授權證 | 當前9美元 | 一次性 | 啟用 Figma 與 FigJam 附加元件;頁面同時顯示20美元劃線價 | 需要持續使用插件的設計師 |
| OpenAI API 用量 | 按賬戶實際用量 | 用量計費 | GPT-4o 請求由用戶自己的 OpenAI 專案承擔 | 所有生成與迭代用戶 |
目前的結算頁面將 9 美元標示為一次性付款,沒有訂閱或免費試用服務。此價格可能是發布期的定價,而貨幣類型、稅金以及可使用的支付方式則可能因地區或結算頁面的不同而有所差異。
購買插件並不包含 OpenAI 模型額度,用戶必須自備 API 密鑰並另付調用費用。創作者提到,大多數用戶每月的開支約在 1 至 3 美元之間,這只是根據一般使用量估算的數值,並非固定價格、額度保證或費用上限。
退款期限、例外條件、許可證設備數量、團隊共享及授權轉移規則暫未公開。付款前應在結算頁面確認最終金額,並向銷售方核實不明確的授權及退款事項。
平台與可用方式
| 平台或方式 | 狀態 | 說明 |
|---|---|---|
| Figma 插件 | 支持 | 在設計檔案中生成、提取和調整顏色 |
| FigJam 插件 | 支持 | 可在白板和情緒板流程中使用 |
| 獨立網頁生成器 | 暫未確認 | 產品入口以插件安裝和購買為主 |
| iOS 與 Android | 暫未確認 | 未發現身份明確的原生移動應用 |
| 瀏覽器擴充功能 | 暫未確認 | 未發現官方 Chrome 擴充功能 |
| 其他設計平台 | 暫未確認 | 未確認 Sketch、Adobe 或 Canva 版本 |
API、GitHub 與開源狀態
Droplette需要用戶填入OpenAI API金鑰,但這並不意味著它會向開發者提供Droplette API。目前還沒有確認有可供外部系統調用的產品介面或官方SDK。
| 項目 | 當前狀態 | 說明 |
|---|---|---|
| OpenAI API | 需要 | 用戶自備密鑰並承擔 GPT-4o 用量 |
| Droplette 公開 API | 暫未確認 | 未公開外部調用文件 |
| 官方 SDK | 暫未確認 | 未發現正式開發包 |
| 官方 GitHub | 暫未確認 | 未發現與產品身份明確對應的倉庫 |
| 產品源碼 | 未公開 | Figma 外掛不等於開源軟體 |
| 開源許可證 | 暫未公開 | 沒有可確認的產品源碼許可證 |
隱私、安全與金鑰管理
目前,產品頁面並未說明 API 金鑰是儲存在本機、插件伺服器還是其他位置,也沒有說明提示詞、顏色樣式或畫框資訊的完整傳輸路徑。因此,無法以此主張設計資料僅在本機處理,或是金鑰絕不會經過第三方系統。
公開頁面也沒有說明資料保存的時間、刪除機制、加密方式、子處理商的名單,或是安全事件的處理流程。當涉及尚未發布的產品、保密的品牌規範或敏感專案時,應在使用前向提供方確認這些事項。
- 為插件建立獨立的 OpenAI 專案及專用金鑰,切勿重複使用生產系統的金鑰。
- 在 OpenAI 專案中設定預算、告警及適當的用量上限。
- 不要把密鑰寫入 Figma 畫布、共享備註、公開倉庫或截圖。
- 密鑰疑似洩露時立即撤銷並重新創建,同時檢查異常用量。
- 先用不敏感的測試檔案確認插件需要讀取的資料範圍。
- 團隊離職、設備遺失或專案結束時輪換金鑰並核對插件授權。
- 使用客戶素材前確認合約允許透過 AI 服務處理相應數據。
產品頁面使用輕量級的分析服務,但現有的公開資訊並不足以說明分析數據的全部範圍。OpenAI帳戶的使用量、資料保留方式以及資料處理規則,也需作為獨立的服務條款另行查看。
版權、商用與授權注意事項
目前這個頁面並未完整公開有關調色板之版權歸屬、商業使用授權以及侵權責任的相關規定。顏色本身與特定作品、品牌識別、字體、圖形,以及競爭對手的視覺系統所涉及的權利並不相同。
- 不要把競爭對手的受保護視覺系統直接作為複製目標。
- 商標項目應進行近似品牌配色和行業識別風險檢查。
- 客戶專案需確認合約是否允許使用第三方 AI 插件和外部模型。
- 保留人工選擇、修改、對比度測試和批准記錄。
- 團隊採購前核實許可證能否多人使用、能否轉移及允許的設備數量。
- 需要承諾獨佔配色時,不應假定 AI 結果具有唯一性。
適合用戶與典型場景
- UI與UX設計師:為新產品快速探索主色、輔助色和狀態色。
- 品牌設計師:基於現有顏色樣式延展活動主題或子品牌配色。
- 設計系統團隊:從本地樣式出發,嘗試暗色主題與新色階。
- 產品團隊:在 FigJam 情緒板階段從參考畫面提煉顏色方向。
- 自由設計師:減少手工採色和反覆試配的時間。
- 教學與工作坊:示範文字語義、視覺情緒和調色板之間的關係。
優勢與限制
主要優勢
- 直接在 Figma 和 FigJam 中工作,減少工具間複製顏色。
- 可把畫框顏色和本地樣式帶入生成過程,結果更貼近現有設計。
- 支持保留滿意顏色再生成其餘位置,便於漸進式迭代。
- 一次性插件許可證沒有持續訂閱費用。
- 自然語言提示降低了從抽象品牌描述到顏色草案的門檻。
主要限制
- 必須另外準備 OpenAI API 金鑰並承擔模型用量費。
- 配色品質會隨輸入畫面、樣式品質、提示細節和模型反應變化。
- 生成結果不會自動保證可訪問性、品牌合規或印刷一致性。
- 隱私政策、資料流、退款及團隊授權規則的公開資訊不足。
- 未確認獨立網頁、行動端、瀏覽器擴充功能或其他設計平台版本。
- 產品未公開源碼,也沒有確認官方開發者 API 或 SDK。
總結
Droplette 適合那些希望在 Figma 或 FigJam 中快速提取顏色、運用 GPT-4o 來生成調色板,並能保留部分結果以進行後續優化的設計師。其一次性許可證的價格相當實惠,但使用者仍需自行管理 OpenAI 的金鑰、模型使用費用、敏感的設計資料,以及最終的視覺品質。
常見問題
Droplette 是什麼工具?
它是 Figma 與 FigJam 的 AI 配色插件,可從畫框和本地顏色樣式獲取上下文,再利用文字提示生成並調整調色板。
Droplette 與同名護膚產品有關嗎?
未確認關聯。本條目介紹的是 Relay 制作的設計配色插件,而非護膚設備或行動護膚應用。
目前價格是多少?
目前的結算頁面顯示,許可證的價格為 9 美元,需一次性支付,且沒有訂閱或免費試用服務的選項。稅金、貨幣類型以及最終金額則以實際結算頁面的顯示為準。
購買後還需要支付其他費用嗎?
需要。插件使用使用者自己的 OpenAI API 金鑰,GPT-4o 的呼叫費用則由對應的 OpenAI 帳戶另行承擔。
必須提供 OpenAI API 金鑰嗎?
是的,目前的作業流程要求使用者自行建立並設定自己的金鑰。建議使用獨立的專案金鑰,並設定預算與用量警示。
支援哪些語言的提示詞?
可使用 OpenAI 支持的語言描述配色需求。不同語言和表達細節可能影響模型理解與生成結果。
能自動保證顏色對比度合格嗎?
不能把生成結果視為自動通過無障礙檢查。設計師需要在真實界面中測試文字、圖標、狀態色和不同背景。
API 金鑰會保存在本地嗎?
目前公開的頁面並未明確說明金鑰的儲存位置以及完整的資料流程。在處理敏感資料之前,應先向提供方確認金鑰、相關指示以及資料處理的方式。
Droplette 有公開 API 或 SDK 嗎?
暫未確認。它會呼叫 OpenAI API,但並沒有向外部開發者公開 Droplette 的介面或正式的 SDK。
Droplette 是開源的嗎?
未發現產品源碼、身份明確的官方 GitHub 倉庫或開源許可證。插件依賴外部 API 不代表產品本身開源。
桂公網安備45132202000164號