墨刀AI代码生成在哪里打开

普通手动创建的空白项目、上传的Figma/Sketch文件、或用「白板」类型启动的AI内容，

。

在预览界面左上角点击 图标

生成完成后，自动进入页面预览模式。将鼠标移到画布左上角，会出现一个灰色的「」符号图标，点击它。

这一步不能跳过：未点击该图标前，你看到的只是视觉稿；点击后，整个画布会切换为结构化代码视图，左侧显示文件树（components/pages/assets等），右侧显示高亮语法的Vue或React源码。

检查右上角是否显示「Vue」或「React」标签

代码视图顶部工具栏右侧，会明确标注当前代码类型，例如「Vue 3 + TypeScript」或「React 18 + Vite」。

如果此处显示「HTML」或者没有框架标识，这意味着您当前处于基础原型生成模式。您需要返回上一步，在AI生成之前主动选择输出类型。具体操作如下：在输入需求之后、点击「生成」之前，先点击「高级选项」→「代码框架」→勾选「Vue」或者「React」→然后再进行生成。

注意：

，选错只能重新走一遍AI生成流程。

从代码视图直接复制或下载

代码加载完毕后，点击右上角「复制全部代码」按钮，即可一键复制整个项目结构到剪贴板；或点击「下载ZIP」，获取含package.json、vite.config.ts、组件文件等的完整工程包。

下载的ZIP解压后可直接用VS Code打开，执行npm install → npm run dev即可本地预览——它不是截图，是真实可运行的前端工程起点。