必须先安装官方认证的CodeGen Pro插件并完成权限授权，才能在墨刀AI中一键生成可运行的前端代码；仅v1.5.4及以上版本支持插件管理，旧版本需升级。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
想在墨刀AI里直接生成可运行的前端代码片段，比如把一个登录表单一键转成HTML+CSS+JavaScript，必须先安装官方认证的代码生成插件，否则“导出代码”按钮是灰色不可用状态。
确认当前墨刀客户端版本是否支持插件
打开墨刀AI桌面客户端 → 点击左上角「墨刀」→「关于墨刀」→ 查看版本号。只有 【v1.5.4 及以上版本】 才内置插件管理入口；若显示 v1.5.3 或更低，需先前往官网重新下载安装包覆盖升级，旧版本不显示「插件」菜单项。
从墨刀插件市场下载代码生成插件
方法一：客户端内直达安装（推荐）
点击顶部菜单栏「扩展」→「插件市场」→ 在搜索框输入「代码生成」→ 找到官方出品、带「墨刀认证」标识的「CodeGen Pro」插件 → 点击「安装」→ 等待进度条完成 → 安装成功后按钮变为「已启用」。
方法二：网页端手动下载后本地导入
访问墨刀插件中心官网（plugins.modao.com）→ 登录同一账号 → 进入「开发者工具」分类 → 找到「CodeGen Pro」→ 点击「下载 .mdp 文件」→ 回到客户端「扩展」→「插件市场」→ 右上角「⋯」→「从本地安装」→ 选中刚下载的 .mdp 文件 → 完成导入。
注意：不要安装名称相似但无「墨刀认证」标或发布者为个人ID的插件，这类插件无法调用墨刀AI的语义解析引擎，生成的代码常缺失事件绑定逻辑。
启用并授权插件权限
第一步：在「插件市场」列表中找到「CodeGen Pro」→ 点击右侧「设置」图标。
第二步：勾选「允许访问当前项目结构」和「允许生成可执行代码文件」两项权限 → 点击「保存」。
第三步：返回任意原型画布 → 右键空白处 → 出现「使用 CodeGen Pro 生成代码」选项 → 点击即可触发AI分析当前页面组件并输出代码。
这一步必须完成授权，否则插件会静默失败，界面上不报错也不出结果——它根本读不到你画布里的按钮、输入框等元素。
