SuperAPI AI 工具集

adobe-xd

设计与创作

查看项目

更新于 10-16 03:15

技能介绍

用途:该技能用于在 Adobe XD 中完成 UI/UX 设计与交互原型,并在需要时进行开发交付。

主要能力:创建和编辑画板(可选择设备预设或自定义尺寸,按界面命名,如 Login、Dashboard);通过右键 Make Component 构建组件,用斜杠命名分类(如 Button/Primary、Button/Secondary);为组件添加状态(Default State 下拉菜单中的 New State,用于悬停、激活等);使用重复网格(Repeat Grid)生成列表或卡片网格,并拖动手柄调整数量与间距;支持响应式调整、共享库与设计令牌。

原型制作:切换到 Prototype 模式,从触发元素拖出连接线到目标画板;配置触发器(Tap、Drag、Voice)、动作(Transition、Auto-Animate、Overlay)与缓动;用播放按钮(Cmd+Enter / Ctrl+Enter)预览。

开发交付:点击 Share 中的 Share for Development,开发者通过发布链接查看间距、颜色、字体并导出资源。示例原型设置:Trigger 为 Tap on Login 按钮,Action 为 Transition to Dashboard 画板,Animation 为 Auto-Animate、0.3s ease-out。

实践建议:用共享设计库保持组件一致;确保原型链接完整并标注交互;按 1x、2x、3x 导出适配多密度屏幕;利用版本历史与共享链接协作。

限制:资料明确提示 Adobe 已停止 XD 的后续开发并转向 Figma,新项目应据此评估;此外资料未提供收费、价格与具体平台限制等信息。