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号