Axhub布道篇，单击此处跳转

准备工作

1. Codebuddy_CN、WorkBuddy（Claw）：国内版，积分可通过官微活动领取或购买

2. 谷歌系浏览器：Chrome、Quark、Edge（基于Chromium开源项目的浏览器）

3. Axhub插件：https://axhub.im/chrome/

集成飞书

参考官方文档配置飞书机器人，然后通过聊天形式发起任务，自动调用WorkBuddy，Claw模式自动分析需求拆解任务并生成可网页预览结果

飞书客户端集成WorkBuddy传送门：https://www.codebuddy.cn/docs/workbuddy/Feishu-Guide

使用方式

WorkBuddy直接生成HTML网页

在飞书对话中对集成的workbuddy机器人进行自然语言提问后回车即可，如：

“创建1个手机登录页面，实现多种安全验证的功能交互，最终生成1个可交互的html网页并自动打开”

飞书发送消息后聊天对话框返回文字结果如下：

如想更生成结果更准确，可通过“行业、受众、功能、风格”4个维度将需求描述清楚，在飞书或WorkBuddy聊天窗口继续提问，如：

“创建1个手机登录页面，toG业务的政务系统使用，支持政务网统一身份认证一键进入，腾讯系风格，实现多种安全验证的功能交互，最终生成1个可交互的html网页并自动打开”

生成网页后，产品经理给到前端工程师修改or直接用于项目前端工程，也可将网页复制到Figma或Axure（Axhub托管），通过分享的方式与团队进行协作

Axhub插件网页转Figma或Axure

浏览器开发者模式下安装Axhub的crx插件，打开需要的网页后，点击Axhub插件->复制到Figma或复制到Axure->到Figma或Axure中直接复制粘贴->进一步设计其他原型页面

当然，如果有其他感兴趣的在线原型或网页页面，觉得合适的可以直接通过插件复制到对应的原型设计工具中自用

注意：

Figma：预先安装Figma客户端，复制前需先提前打开Figma客户端

Axure：预先安装RP11 3743以上版本，复制前需先提前打开Axure客户端

复制到Axure

复制到Figma

Figma复制到Axure

Figma客户端安装Axure插件后，可直接将全部元素或选中元素直接复制到剪切板，在Axure画布中直接粘贴即可

CodeBuddy与Figma直接联动

Codebuddy基于“图片+需求描述”或Figma图片页面生成html网页代码

注意：提前在CodeBuddy中打开Figma页面，可右击元素“添加到对话”，CodeBuddy右侧显示进度