darkside:Sketch轻松在Sketch中设计明暗主题。 在主题之间切换。 导出Xcode和Android Studio的颜色资产

时间:2024-05-22 07:15:26
【文件属性】:

文件名称:darkside:Sketch轻松在Sketch中设计明暗主题。 在主题之间切换。 导出Xcode和Android Studio的颜色资产

文件大小:15.09MB

文件格式:ZIP

更新时间:2024-05-22 07:15:26

TypeScript

:no_entry: 已淘汰 该项目是为较早版本的Sketch中的主题解决方案编写的。 草图69提供了颜色变量功能。借助草图69,提供了颜色变量功能,可以使用此功能对其进行改进。 但是在此过程中,我将所有项目转移到了Figma,我认为这在设计系统中更有用。 因此,我不再在这个项目中发展或改进。 Sketch暗侧插件 在Sketch中轻松设计明暗主题。 在主题之间切换。 导出Xcode和Android Studio的颜色资产。 安装 最新版本的插件 解压缩 双击darkside.sketchplugin 用法 不幸的是,Sketch没有颜色替代功能。 为了使用该插件,我们需要给设计中的颜色加上图层样式。 您可以使用以下方法准备。 步骤1:使用图层样式创建调色板 为了轻松更改颜色,您可以准备一个页面,其中定义了所有颜色。 您应该将这些颜色的图层样式命名为: Themes/<Light or Dark


【文件预览】:
darkside-master
----.gitignore(138B)
----package.json(731B)
----package-lock.json(197KB)
----src()
--------export-themes.ts(86B)
--------switchTheme()
--------types()
--------utils()
--------switch-theme.ts(85B)
--------manifest.json(954B)
--------exportThemes()
----assets()
--------icon.png(4KB)
----tsconfig.json(301B)
----darkside.sketchplugin()
--------Contents()
----examples()
--------recipes.sketch(14.89MB)
----README.md(3KB)
----webpack.skpm.config.js(301B)
----.appcast.xml(864B)
----sketch-assets()
--------icons.sketch(191KB)

网友评论