DIY主题组件库

DIY主题组件库是一款面向设计师与开发者的轻量级桌面工具，专注于提供可复用、模块化的UI主题组件资源。用户可通过该应用浏览、下载、预览及自定义颜色方案、图标集、字体配置、布局模板等前端设计元素，支持主流设计工具（如Figma、Sketch插件）及前端框架（如React、Vue）的组件导出，助力高效构建统一风格的数字产品界面。

软件优势

1. 组件高度模块化，支持按需组合与独立导出；
2. 内置实时主题预览引擎，一键切换深色/浅色模式并查看效果；
3. 提供标准化JSON Schema配置文件，便于团队共享与版本协同；
4. 本地离线运行，保障设计资产安全与隐私；
5. 开放组件贡献机制，支持用户上传审核通过的原创组件进入公共库。

使用教程

1. 启动应用后，在「组件浏览」页选择分类（如按钮、表单、导航）筛选所需资源；
2. 点击目标组件进入详情页，调整配色、圆角、阴影等参数后点击「预览」实时查看；
3. 点击「导出」按钮，选择格式（CSS变量、SCSS、React Hook、Figma JSON等）并保存至本地；
4. 如需自定义，可在「我的主题」中新建项目，拖拽组件、编辑属性并保存为专属主题包；
5. 通过「同步中心」登录账号，实现多设备间主题配置与组件收藏的自动同步。

更新日志

v2.3.0（2024.06）：新增SVG图标批量转字体功能；优化暗色模式适配逻辑；修复部分组件在高DPI屏幕下的渲染偏移问题。
v2.2.1（2024.04）：支持导出Tailwind CSS配置文件；增加组件无障碍属性（a11y）校验提示；提升大型主题包加载速度。
v2.1.0（2024.02）：上线「组件对比视图」，支持并排查看不同主题下的同一组件表现；新增中文设计规范参考指南嵌入式文档。