DesignCode UI使用教程

访问DesignCode UI官网，根据自身使用的工具选择Figma或Framer版本，点击对应入口将设计系统资源添加到自己的工具账号资源库中。

进入对应的设计工具，在资源面板中找到DesignCode UI的组件库，浏览组件与模板分类，筛选符合自身项目场景的资源。

将需要的组件或模板拖拽到设计画布中，根据项目需求调整组件的内容、尺寸等属性，也可通过全局主题配置修改整体样式规则。

完成设计后，如果需要同步到Framer进行开发，点击导出按钮选择Framer代码导出选项，将资源同步到Framer项目中。

如果是团队使用，可邀请团队成员加入共享资源库，统一设置团队专属的样式令牌与主题规则，所有成员同步使用统一的设计资源。