WorkBuddy(Claw)原型设计之Axhub实战篇
了解Axhub更多信息,点击此处跳转详情页
前期准备
Codebuddy_CN与WorkBuddy(Claw)工具:这是国内用户可使用的版本,用户可以通过参与官方活动免费获取积分,也支持直接充值购买,使用方式非常便捷灵活。
浏览器选择:推荐使用Chrome、Edge或Quark等基于Chromium内核的浏览器,确保兼容性。
安装Axhub插件:请务必从官方地址 https://axhub.im/chrome/ 下载并安装插件。
接入飞书平台
这是实现高效协同的关键一步。您需要按照官方指南,在飞书中配置好WorkBuddy机器人。配置成功后,最便捷的功能便得以实现:您可以直接在飞书聊天窗口中下达指令。机器人会自动调用WorkBuddy(特别是其Claw智能模式)来解析您的需求,拆解任务步骤,并最终生成一个可直接在浏览器中预览的交互式网页。
关于如何在飞书客户端中集成WorkBuddy的完整教程,请参考官方文档:https://www.codebuddy.cn/docs/workbuddy/Feishu-Guide。
核心使用教程
方式一:通过WorkBuddy直接生成HTML网页
在飞书中找到已添加的WorkBuddy机器人,像与同事沟通一样,用自然语言描述您的需求。例如,您可以输入:
“请创建一个手机端登录页面,需集成多种安全验证交互功能,最终生成一个可交互的HTML网页并自动打开预览。”
发送指令后,对话框会快速返回文字确认,并立即开始网页生成。具体效果可参考下方对比图:


若想使生成结果更精准,建议从“行业属性、目标用户、核心功能、视觉风格”四个维度提供更详细的描述。例如,您可以进一步补充:
“请创建一个用于ToG政务系统的手机登录页面,支持政务网统一身份认证一键登录,采用腾讯系设计风格,集成多种安全验证交互功能,最终生成可交互的HTML网页并自动打开。”
经过细化后的指令,生成的页面将更具业务针对性,效果对比如下:

生成的网页,产品经理可直接交付给前端工程师进行二次开发,或应用于实际项目的前端构建。您也可以将网页导出至Figma或通过Axhub托管到Axure中,从而方便地进行团队评审与协作修改。
方式二:使用Axhub插件将网页转为Figma/Axure原型
此功能非常适合快速获取设计灵感。首先,请在浏览器的扩展管理页面安装好Axhub的CRX插件。当您浏览到任何设计出色的网页时,只需点击浏览器工具栏中的Axhub插件图标,选择“复制到Figma”或“复制到Axure”。随后,切换至对应的设计软件中粘贴,即可获得一个高保真的页面原型,您可以基于此继续进行其他页面的延伸设计。
操作前请确保完成以下准备:
使用Figma:请提前安装Figma桌面客户端,并在执行复制操作前保持客户端处于开启状态。
使用Axure:请确保已安装Axure RP 11(版本号3743或以上),同样,在执行操作前需先行打开Axure客户端。
1. 复制网页到Axure
具体操作步骤如下:

完成后,所有页面元素将被精准复制到Axure画布中,过程十分高效:

2. 复制网页到Figma
操作流程与上述类似:

在Figma中粘贴后的呈现效果:

3. 从Figma直接复制到Axure
更进一步,您还可以实现Figma与Axure之间的元素直接迁移。只需在Figma中安装Axure官方插件,选中需要复制的图层或画板,通过插件复制到剪贴板,再切换到Axure中粘贴即可。

方式三:CodeBuddy与Figma深度联动生成代码
此模式实现了设计与开发的无缝衔接。CodeBuddy能够根据您上传的“设计截图+文字需求说明”,或者直接读取已打开的Figma设计稿文件,来生成对应的前端HTML代码。
首先,上传图片或直接在CodeBuddy中打开Figma设计稿链接:

随后,CodeBuddy将基于设计内容智能生成代码,右侧面板会实时显示代码生成进度:

关键技巧:在CodeBuddy中打开Figma页面后,您可以右键点击画布中的特定元素,选择“添加到对话”。这样,CodeBuddy在生成代码时就能更精确地理解该元素的意图,右侧的生成进度也会同步更新。
相关攻略
5月26日,盛美上海(股票代码:688082)股价延续强劲上涨态势,收盘报260 20元,单日涨幅3 67%。当日成交额达3 54亿元,换手率0 29%,公司总市值随之突破1255亿元大关。值得投资者关注的是,这已是该股连续第7个交易日实现上涨,区间累计涨幅高达43 35%,市场热度与资金关注度显著
在科技浪潮席卷全球的今天,人工智能(AI)已不再是遥远的概念,它正实实在在地重塑着我们脚下的道路和车轮上的生活。交通运输,这个维系城市运转的动脉,正经历一场由AI驱动的深刻变革。从红绿灯的悄然“变聪明”,到方向盘后的“虚拟司机”,一系列创新应用正在将更高效、更安全、更便捷的出行体验,从蓝图变为现实。
当餐厅里的具身智能机器人向顾客热情问好,当大模型能一键帮你下单奶茶,当AI眼镜成为年轻人探索城市的新“窗口”——人工智能正以前所未有的深度与广度,重塑我们的日常消费体验。 今年,“深化拓展‘人工智能+’”被明确写入政府工作报告。当前,AI技术正加速渗透至消费领域的方方面面,它不断打破场景边界,创新产
人工智能浪潮正以前所未有的速度从数字世界向物理世界全面渗透。如果说大语言模型赋予了AI理解与生成语言、辅助决策的“大脑”,那么“物理AI”则要求其实现质的飞跃——不仅要精准理解三维空间、识别物体、规划动作,更要通过机器人、智能终端等实体,在真实复杂的物理环境中可靠地执行任务。 这一趋势已成为全球科技
5月26日,A股智能清洁机器人龙头企业石头科技(688169 SH)股价出现明显下挫。截至当日收盘,石头科技股价报收121 30元,单日跌幅达3 02%,引发市场关注。全天成交额8 43亿元,换手率为2 61%,公司总市值相应缩水至314 30亿元。 公开信息显示,石头科技公司成立于2014年7月,
热门专题
热门推荐
资金费率是永续合约锚定现货价格的关键机制。当合约价高于现货价时,多头需向空头支付费用;反之则由空头付费。费率每8小时结算,通过经济激励促使价格回归。持续付费通常表明持有多单且市场处于正费率状态。交易者可结合现货持仓与空头合约进行套利,赚取费率收益。
人力资源经理统筹公司人力资源事务,涵盖招聘、培训等多方面职责,其岗位说明书既是企业选人的标准,也是员工履职的指南。借助AI写作工具,可提升说明书撰写效率。
九号公司发布鼹鼠自平衡2 0与同频双闪两项核心技术。前者通过算法与系统协同实现车辆自主平衡,提升低速与驻停时的操控便利与安全;后者基于统一授时与软总线架构,实现多车灯光精准同步,增强车队辨识与协同体验。两项技术体现了九号在底层智能架构上的系统突破,推动两轮出
想要在《毒液突击队》中解锁“难以捉摸”成就?这项挑战对玩家的潜行技巧要求极高,但只要掌握正确方法,成功触发的难度将大大降低。其核心秘诀在于:保持全程隐匿状态,确保没有任何敌人察觉到你的存在。 成就目标解析 “难以捉摸”成就的达成条件非常严格:在指定的任务关卡中,你必须完全避免进入敌人的“警觉”或“发
推荐系统常因语义、多模态和意图理解不足产生偏差。通义千问系列模型可针对性补强:通过轻量模型重排序提升相关性,多模态模型确保图文匹配,指令模型解析用户行为提炼兴趣标签,OCR提取图像文字,并结合PID控制算法动态融合多源信息,依据实时反馈自动优化权重。





