打开墨刀官网并登录账号后,点击顶部导航栏的“AI”入口,即可进入墨刀AI专属工作台。这里整合了所有AI辅助设计功能,左侧面板提供“AI生成页面”“智能填充”“组件生成”等模块入口,右侧为画布预览区。首次使用时,建议先点击“新建AI项目”,系统会引导你选择项目类型——移动端或桌面端,并自动生成空白画布。
在AI工作台中,点击“AI生成页面”按钮,弹出对话输入框。你可以用自然语言描述想要设计的页面场景,例如“一个带搜索栏和分类标签的电商首页”。墨刀AI会根据描述快速生成一至多套页面布局方案,每套方案包含完整的组件排布。生成后,你可以通过“切换方案”按钮在不同布局间对比,选定后点击“应用”即可将页面框架植入当前画布。
在画布上选中任意文本组件或图片占位符,右键唤出菜单,选择“智能填充”。文本填充方面,输入关键词如“产品名称”“用户评论”,AI会自动生成贴合主题的示例文字,支持中英文。图片填充则需先上传一张参考图或输入风格描述,AI会生成匹配的矢量插画或摄影图片。所有填充结果都可以直接拖拽调整位置和大小,无需额外处理。
当需要特定UI组件时,点击左侧“组件生成”按钮,在输入框中描述组件功能,例如“带进度条和确认按钮的弹窗”。墨刀AI会生成多个组件样式,每个组件都附带交互状态(如悬停、点击)。你可以将组件直接拖入画布,或双击进入编辑模式修改颜色、文字和尺寸。生成的组件会自动加入“我的组件库”,方便后续重复调用。
墨刀AI支持在画布上通过自然语言进行局部修改。选中某个组件后,按下快捷键Ctrl+E(Mac为Cmd+E),弹出对话窗口。输入“把按钮颜色改为蓝色”“将标题字号调大一级”等指令,AI会立即执行并实时更新画布。如果对结果不满意,可连续对话直至调整到理想状态。这项功能尤其适合快速迭代原型细节。
完成设计后,点击顶部“导出”按钮,选择“AI标注导出”。墨刀AI会自动识别画布上的所有组件,生成带尺寸、间距和交互注释的标注图,方便开发人员直接查看。在多人协作时,AI还能根据历史修改记录自动推荐“高优先级修改项”,帮助你聚焦需要确认的设计变更。所有AI生成的内容均支持版本回溯,确保协作安全。