A

adobe-xd

adobe-xd

github.com/partme-ai设计与 UI71681 次安装3 周前更新

关于 adobe-xd

用于创建和编辑 Adobe XD UI/UX 设计、交互原型及开发交接材料的技能，面向设计师与团队，涵盖画板、组件、响应式布局和共享库；README 提到 Adobe 已转向 Figma 并停止 XD 开发。

主要功能

01创建画板和可复用组件
02制作含转场与语音触发的原型
03使用重复网格和响应式调整
04准备开发规格与资源导出
05管理共享库和设计令牌

适用场景

01设计应用或网站页面
02制作画板间的交互原型
03向开发者共享间距、字体和资源

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/partme-ai/full-stack-skills --skill adobe-xd

安装后在 Claude Code 中输入/adobe-xd确认已加载。

附带文件LICENSE.txt

详细介绍

适用场景

当用户希望进行以下操作时，使用此技能：

使用 Adobe XD 画板和组件创建或编辑 UI/UX 设计
使用转场、自动动画或语音触发器构建交互式原型
使用重复网格、组件状态或响应式调整大小
导出设计规范或资源，以便交接给开发者
管理共享库、设计令牌，或通过共享链接进行协作

如何使用此技能

1. 创建设计

创建画板：选择设备预设或自定义尺寸，并按屏幕为画板命名（例如，“登录”“仪表盘”）。
构建组件：选择元素 -> 右键单击 -> “制作组件”。使用斜杠命名类别（例如，Button/Primary、Button/Secondary）。
添加状态：选择组件 -> “默认状态”下拉菜单 -> “新建状态”，以创建悬停/激活状态。
使用重复网格：选择元素 -> “重复网格”，以创建列表或卡片网格；拖动控点调整数量和间距。

2. 制作原型

切换到原型模式。
从触发元素拖动连接线到目标画板。
配置转场：触发方式（点击/拖动/语音）、操作（转场/自动动画/叠加）和缓动。
点击播放按钮预览（Cmd+Enter / Ctrl+Enter）。

3. 交接给开发者

点击共享 -> “共享以供开发”。
开发者可通过已发布的链接查看间距、颜色、字体并导出资源。

Example prototype link setup:
  Trigger: Tap on "Login" button
  Action: Transition to "Dashboard" artboard
  Animation: Auto-Animate, 0.3s ease-out

最佳实践

使用共享设计库，确保组件风格一致。
确保原型已完整连接，并附有清晰的交互说明。
为多密度屏幕按 1x、2x 和 3x 导出资源。
使用版本历史记录和共享链接进行团队协作。
注意：Adobe 已弃用 XD，转而支持 Figma；新项目应评估是否使用 Figma。

关键词

adobe xd、UI 设计、原型、画板、组件、重复网格、开发者交接、Adobe

评论

支持 Markdown

登录后评论