资源

这里提供了 Ghuo Design 相关的设计资源和开发工具。

设计资源

Sketch 组件库

包含完整的 Ghuo Design 组件库，适用于 Sketch 设计软件。

文件格式：.sketch
包含内容：所有基础组件、图标库、色彩规范
更新频率：跟随组件库版本更新

Figma 组件库

适用于 Figma 的设计组件库，支持团队协作。

文件格式：Figma 文件
包含内容：完整组件系统、设计规范、原型模板
特色功能：自动布局、组件变体、设计令牌

Adobe XD 资源包

为 Adobe XD 用户提供的设计资源包。

文件格式：.xd
包含内容：UI 组件、线框图模板、交互原型
适用场景：快速原型设计、用户体验设计

开发工具

VS Code 插件

提高开发效率的 VS Code 扩展插件。

功能特性：

组件代码片段自动补全
属性智能提示
主题色彩预览
组件文档快速查看

Chrome 开发者工具

浏览器扩展，帮助调试和优化 Ghuo Design 应用。

功能特性：

组件树可视化
样式实时编辑
性能分析工具
无障碍检查

图标资源

图标库下载

完整的 Ghuo Design 图标库，包含多种格式。

包含格式：

SVG 矢量图标
PNG 位图图标（多尺寸）
Icon Font 字体图标
React/Vue 组件格式

图标分类：

通用图标（200+）
业务图标（150+）
品牌图标（50+）
装饰图标（100+）

字体资源

推荐字体

适合与 Ghuo Design 搭配使用的字体推荐。

中文字体：

苹方（PingFang SC）
微软雅黑（Microsoft YaHei）
思源黑体（Source Han Sans）

英文字体：

Inter
Roboto
Open Sans
Lato

模板资源

页面模板

常用的页面布局模板，开箱即用。

管理后台模板：

仪表盘页面
数据列表页面
表单页面
详情页面

营销页面模板：

产品介绍页
功能特性页
定价页面
关于我们页

组件模板

复合组件的使用模板和最佳实践。

数据展示：

统计卡片组合
图表展示组合
表格操作组合

表单组合：

基础信息表单
高级搜索表单
分步骤表单

学习资源

设计指南

深入了解 Ghuo Design 的设计理念和使用方法。

设计价值观
设计原则
视觉语言

开发文档

详细的组件 API 文档和使用示例。

视频教程

通过视频学习 Ghuo Design 的使用方法。

基础教程：

Ghuo Design 介绍
环境搭建和安装
第一个 Ghuo Design 应用

进阶教程：

主题定制详解
复杂表单设计
数据可视化实践

社区资源

GitHub 仓库

开源代码仓库，欢迎贡献代码。

主仓库：核心组件库代码
文档仓库：官网和文档源码
示例仓库：使用示例和模板

讨论社区

与其他开发者和设计师交流讨论。

GitHub Discussions：技术讨论和问题反馈
微信群：实时交流和经验分享
QQ 群：新手问答和资源分享

博客文章

团队和社区成员分享的技术文章。

设计系统构建经验
组件库开发实践
用户体验设计心得
前端技术分享

下载说明

所有资源均可免费下载使用，遵循 MIT 开源协议。

使用条件：

可用于商业和非商业项目
可自由修改和分发
需保留原始版权声明

获取方式：

直接下载：点击对应资源的下载链接
Git 克隆：从 GitHub 仓库克隆最新版本
NPM 安装：通过包管理器安装组件库

如有任何问题或建议，欢迎通过 GitHub Issues 或社区渠道联系我们。