Appearance

形状和颜色 · 1,135 likes

This plugin generates a dark/light theme from your selection. The plugin works with external library styles and local styles. You can choose styles name identification in settings. By default, the plugin use [day] for light and [night] for dark. 🤓 How it works: 1. Use [day] and [night] in your style names. Example: Style name[day]/ Style name[night]. 2. Apply your color styles. 3. Select any object, then choose Appearance → Dark mode or Appearance → Light mode. 📔 How it works with external library styles: 1. Open external library file and use [day] and [night] in color style names. Example: Style name[day]/ Style name[night]. 2. Publish changes. 3. Select Appearance → Save styles for saving external color styles to the plugin. 4. Open any file linked to the library. 5. Apply color styles. 6. Select any object then choose Appearance → Dark mode or Appearance → Light mode --- ✏️ Name examples: You can use [day] / [night] at any place of your style names. Color name [day] Color name [night] Style [day] / color-name Style [night] / color-name Style / color-name [day] Style / color-name [night]

适用场景

Appearance 属于 形状和颜色 分类,适合希望用清晰结果驱动设计流程的团队。

关键信息

发布者信息

创建者:Alex Dyakov。Figma 社区发布者:Alex Dyakov。

兼容性与支持

安装前如何评估

查看 Figma 内最新更新说明,确认示例输出质量,并与下方相关插件做对比。

在 Figma 中打开

相关插件