正在打开每日关注
正在打开每日关注
视频演示用 Claude 类模型生成 UI，再以 SVG 导入设计工具编辑；重点是文本转路径与图片嵌入以减少布局错乱。
量 四 下 二 (一 ce PP 发 现 了 没 ? 字体 布局 错乱 ， 图 片 也 没有 了 ， 那 要 咋 办 呢 ? 所 以 就 省 生 了 0 版 志 拓 7 页 便 i 下 在 pisxo 中 syvqg 不 支持 链接 引用 图 片 ， 除 非 用 base54 所 以 需要 改进 出 第 二 版 提示 词 ， 那 么 要 如 何 保证 svg 复制 粘贴 进去 后 是 正确 且 元 素 不 混乱 的 孔 ? 经 过 多 次 测试 ， 发 现 文 字 必 须 转 为 路 径 才能 保 汪 在 pixso、figma 等 设计 软件 中 不
视频介绍一种从提示词生成 UI 设计稿，再通过 SVG 导入设计软件继续编辑的流程。作者称第二版提示词把输出从 HTML 改为 SVG，并补充角色、产品需求、功能说明、技术规格和视觉风格；还用 Monica 分析视觉风格、对比 302.AI 的生成结果。实际导入 Pixso 时，作者观察到字体布局错乱、图片缺失，并将原因归为 SVG 对链接图片支持有限；其经验是将文本转为路径，图片改为 base64 嵌入，以提高在 Pixso、Figma 等工具中的兼容性。可借鉴的是把“可编辑交付”作为提示词和验证目标，而不只看生成截图。边界在于这是单个案例的经验，转路径会牺牲文本可编辑性和可访问性，base64 也可能增大文件体积；不同模型与设计工具的导入效果仍需人工验收。