Dark Mode Palette Toggler-Adobe XD插件 快速生成Dark模式设计

Dark Mode Palette Toggler是一款Adobe XD插件,它可以快速的为现有的Light项目生成Dark版,并且可以在同一个文件中随时切换,无需维护多个文件,也不用多复制一份画板。

使用Dark Mode Palette Toggler前需要先将当前文件中的颜色添加到资源面板,可以全选然后直接单击鼠标右键选择“为资源添加颜色”,然后需要为颜色设置自定义名称,不能是默认的hex颜色值的名称。

01.jpg

设置好之后打开Dark Mode Palette Toggler插件点击“Generate assets variants”按钮即可生成所设置的颜色的Dark的一一对应预览。

02.jpg

点击“Light”和“Dark”按钮即可在两种模式之间切换,当然,如果项目中使用了位图,位图还是需要自己调整的。

03.jpg

资源面板中新增了颜色可以再次点击“Generate assets variants”按钮重新生成,也可以自己在颜色面板中修改指定颜色后点击“Reload Color assets”重新加载颜色资源,在资源面板中每组颜色会用相同的名称+“/Dark”或“/Light”后缀来进行命名。

04.jpg

Dark Mode Palette Toggler插件已在官方插件管理器和第三方插件管理器XDpacks上架,搜索安装即可使用。

05.jpg

使用 XDpacks 快速安装 300+ 款 XD 插件

Dark Mode Palette Toggler-Adobe XD插件 Adob XD 插件,Dark Mode Palette Toggler-Adobe XD插件 是什么,Dark Mode Palette Toggler-Adobe XD插件 安装,Dark Mode Palette Toggler-Adobe XD插件 使用方法,Adob XD 插件下载,Adob XD 插件安装,Adob XD 插件教程,Adob XD 插件使用方法,Adob XD 扩展,Adob XD 第三方集成