⚠️
重要前提
安装AI Skills的关键前提是：必须科学上网，且开启TUN模式，这一点至关重要，直接决定安装能否顺利完成，在此郑重提醒三遍：科学上网，科学上网，科学上网。查看完整安装教程 →
Adobe XD 使用指南：UI/UX 设计、交互原型制作与开发交接全流程
adobe-xd by teachingai/full-stack-skills
安装命令
npx skills add https://github.com/teachingai/full-stack-skills --skill adobe-xd🇨🇳中文介绍
何时使用此技能
当用户需要以下操作时使用此技能：
- 使用 Adobe XD 画板和组件创建或编辑 UI/UX 设计
- 构建带有过渡、自动动画或语音触发器的交互式原型
- 使用重复网格、组件状态或响应式调整大小
- 导出设计规范或资源以供开发交接
- 通过共享链接管理共享库、设计令牌或进行协作
如何使用此技能
1. 设计创建
- 创建画板：选择设备预设或自定义尺寸，按屏幕命名画板（例如，"登录"、"仪表板"）。
- 构建组件：选择元素 -> 右键单击 -> "制作组件"。使用斜杠命名进行分类（例如，
Button/Primary、Button/Secondary）。 - 添加状态：选择组件 -> "默认状态"下拉菜单 -> "新建状态"以创建悬停/活动状态。
- 使用重复网格：选择元素 -> "重复网格"以创建列表或卡片网格；拖动手柄以调整数量和间距。
2. 原型制作
- 切换到原型模式。
- 从触发器元素拖动连接器到目标画板。
- 配置过渡：触发器（点击/拖动/语音）、动作（过渡/自动动画/叠加）和缓动效果。
- 使用播放按钮预览（Cmd+Enter / Ctrl+Enter）。
3. 开发交接
- 点击共享 -> "共享以供开发"。
- 开发人员访问已发布的链接以检查间距、颜色、字体并导出资源。
原型链接设置示例：
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者，精准高效
