文字描述配色
用一句话说明想要的风格或画面氛围,AI 据此给出一组配色,省掉从零翻色卡、逐个试色的过程;描述越具体,结果越接近预期。
拖动滑块完成拼图,通过后发送验证码
独立第三方 AI 评测平台 · 只用实测数据
Droplette 是一款面向 UI 设计流程的配色工具,它以 Figma 和 FigJam 插件的形式运行,由 AI 根据描述或现有画面生成可直接落地的颜色组合。它的价值在于把挑选、配平、试色这几步收进设计稿里完成,选中的颜色能直接变成样式继续用,设计师不用在取色网站和设计文件之间来回搬运。局限同样明显:它依附于 Figma 生态,离开 Figma 就没有独立工作流,付费后能拿到多少用量也需要在官方页面确认。
Droplette 是一款依附于 Figma 与 FigJam 的配色方案生成器,定位是把「定色板」这一步直接放进设计工具内部完成。它面向的是正在做界面设计、需要为页面或组件挑一套协调色的设计师,尤其是习惯在 Figma 里一条龙作业、不想为配色额外开一个网页工具的人。
它的工作方式围绕插件展开:在设计文件里唤起插件,用文字描述想要的风格或氛围,由 AI 生成一组颜色,再从中筛选、微调,把结果应用到画板或团队配色样式上。因为生成结果直接落在 Figma 里,颜色能被后续组件和样式复用,不需要手动抄色值。
对个人设计师来说,它省掉的是「想配色—找参考—试色—改稿」的来回;对需要多人协作的团队来说,统一色板可以直接沉淀在共享库里,减少各人凭感觉挑色造成的偏差。它不负责排版、图标或整套视觉规范,配色之外的环节仍要在 Figma 内自行处理。
用一句话说明想要的风格或画面氛围,AI 据此给出一组配色,省掉从零翻色卡、逐个试色的过程;描述越具体,结果越接近预期。
输出的不是单个颜色,而是一组搭配好的颜色,包含主色与辅助色关系,可直接铺到画板或组件上作为初稿继续调整。
作为 Figma 插件运行,生成的颜色能应用到选中图层或画板,不必在浏览器工具与设计文件之间复制色值。
除设计稿外也能在 FigJam 白板里使用,适合在方案讨论阶段快速摆出几种配色方向供团队比较。
生成结果作为起点而非终稿,可以基于它调整明度、饱和度或替换个别颜色,保留 AI 给出的整体搭配关系。
当你已经在 Figma 里做界面、又卡在「这套颜色怎么定」这一步时,Droplette 值得一用:它把配色从外部工具搬进设计文件,生成结果能直接落到画板和样式上,试错成本比手动翻色卡低。它更适合充当起点生成器,而不是最终审校工具——输出的搭配方便你快速比较几个方向,但对比度、无障碍可读性、品牌色一致性这些仍要自己把关。如果团队有严格的品牌色规范,或者你的工作流不在 Figma 里,它带来的增量有限,继续用现有色板更省事。
一个人接项目、既要出稿又要定视觉,在 Figma 里直接生成色板能省下挑色试色的时间,把精力留给布局和组件。
早期产品没有成熟视觉规范,用它在讨论中快速摆出几套配色方向,团队当场比较再定,比各人凭感觉挑色效率高。
可以把生成结果作为扩充色板的候选,但仍需人工确认层级与语义命名,生成的颜色不能直接当作规范发布。
配色被品牌手册限定、颜色不允许自由发挥时,这类生成器的可用空间很小,维护现有色板更稳妥。
工具依附于 Figma 与 FigJam 运行,用 Sketch、Adobe XD 或其他工具的人拿不到它的完整流程。
它是一款付费工具,具体档位与各档包含的用量需要在官方页面确认。想先判断是否合手,可以先在 Figma 社区安装插件,用实际项目里的一个画板试一次生成,看结果风格是否贴近你的需求再决定。
差别主要在落地环节。在线配色工具给你一组色值,你还得手动抄进设计稿、建样式;Droplette 作为 Figma 插件,生成的颜色可以直接作用在选中的画板或图层上,后续还能沉淀成颜色样式被组件复用,少了中间搬运这一步。
生成结果更适合当作起点。颜色搭配本身通常可用,但文字与背景的对比度、深色模式下的表现、和品牌主色是否冲突这些需要你自己把关。建议把 AI 输出当候选方案,选定后再逐项校验可读性。
不能完整使用。它以 Figma 和 FigJam 插件的形式运行,工作流依附在设计文件内部;如果你主要用 Sketch、Adobe XD 或其他设计工具,它提供不了对应的流程,需要另找独立的配色工具。
它负责的是颜色这一层,包括主色、辅助色的搭配方向,不涉及排版、图标、间距或组件规范。要形成完整的设计系统,颜色定下来之后还需要你自己整理语义命名、层级关系和组件用法。