Theme Buddy Figma Plugin logo

Theme Buddy Figma Plugin

从 Figma 导出和导入主题设置到代码

Theme Buddy 是一款 Figma 插件,简化 Ant Design 项目的主题管理。轻松导出 Figma 主题到 JSON 文件,并将其应用到您的代码中,或者从代码导入主题设置到 Figma。

Sponsors

Become one
Featured
NotchNook
NotchNook

NotchNook

Access media, calendar, files, and more from the Mac's notch

Visit Website
Featured
NoFilterGPT
NoFilterGPT

NoFilterGPT

Unleash the Unrestricted Power of anonymous and unfiltered ChatGPT

Visit Website

Promote your product

Seen by 300K+ monthly visitors

Theme Buddy Figma Plugin - 从 Figma 导出和导入主题设置到代码 | Product Screenshot
Theme Buddy Figma Plugin product screenshot

更多关于 Theme Buddy Figma Plugin 的信息

Theme Buddy Figma Plugin

Theme Buddy是一款Figma插件,用于简化Ant Design主题的管理。它允许导出和导入主题设置,确保Figma设计与React应用的样式一致。此插件适用于需要在Figma和Ant Design React项目之间保持样式一致性的团队。

  • 主题设置导出:将Figma主题设置导出为JSON文件,方便开发者使用ConfigProvider组件修改代码,确保代码与Figma设计完全一致。此功能支持导出浅色主题、深色主题和紧凑模式设置。
  • 主题设置导入:将代码中的主题设置导入Figma,确保Ant Design React应用和Figma设计的样式一致。例如,您可以将React应用中ConfigProvider的主题设置复制粘贴到插件的导入面板,插件会自动将更改应用到Figma变量。同样支持浅色主题、深色主题和紧凑模式。
  • 免费与完整版本:免费版本允许您试用浅色主题导出功能。完整版则提供浅色主题、深色主题和紧凑模式的导出和导入功能。

借助Theme Buddy Figma插件,您可以告别设计与开发代码不一致的难题。它简化了Ant Design主题的管理流程,确保Figma设计与React应用的样式保持同步,从而显著提高团队协作效率和产品交付速度。选择Theme Buddy,让您的设计和开发工作流程更加顺畅高效。