归档于 设计 · 智能 Apache-2.0 · 来自地球
使用场景 · 图片

贴合品牌的图片,自动生成并排好版

描述你要的卡片或封面。Open Design 用真实字体、网格和你的品牌色把它组合出来,再渲染成可导出图片的 HTML——不用跟设计软件或通用模板较劲。

编辑风插画:一句 prompt 变成一组排好版的社交卡片和文章封面

一句话

Open Design 把 prompt 变成排好版、贴合品牌的图片,由 agent 渲染成 HTML 并导出 PNG——可复用、可版本化,没有按席位的设计工具。

用 Open Design 做图的流程

  1. 01

    描述图片

    说清它是什么——"一张发布用的 Twitter 卡片,带标题和一句引用"。agent 加载对应 skill,组合出排好版的图片,而不是纯文字块。

  2. 02

    套用品牌系统

    Open Design 从可复用设计系统里取你的颜色、字体和间距,每张卡片都跟品牌其余部分一致,而不是各做各的。

  3. 03

    渲染并导出

    图片按你要的精确尺寸渲染成 HTML——社交卡、封面、横幅——再导出 PNG。文字清晰、布局真实、不用手动微调。

  4. 04

    复用这套配方

    因为它是模板,下一张图只差一句 prompt——换标题、留布局。成系列的卡片完美一致。

你能做出哪些图

用 Open Design 做图 vs. 老办法

你需要什么 用 Open Design 设计软件 / 通用模板
从想法到排好版的图 一句话,agent 组合字体和布局 打开软件、手动摆每个元素
保持贴合品牌 颜色和字体来自可复用设计系统 每个文件重选品牌样式,或跑偏
一致的系列 同模板、换文案——完美对齐的一组 每个变体手动对齐
导出 HTML 按精确尺寸,导出 PNG 手动调画布尺寸和导出设置
可复用 repo 里一套 prompt 驱动的配方 每次重做的一次性文件
成本与锁定 开源、自带密钥、本地运行 按席位的设计工具或模板市场

下面是从 prompt 渲染出的真实卡片和封面。挑一个接近你需要的,换上你的文案。

浏览图片模板 →

图片常见问题

  1. 01 这是 Midjourney 那种 AI 生图吗?

    不是。Open Design 用真实布局和排版组合图片——你的标题、你的品牌、精确尺寸——渲染成 HTML 再导出 PNG。是设计排版,不是像素生成。

  2. 02 能做风格一致的系列卡片吗?

    能。因为每张图都是模板,保留布局换文案,整个系列就完美对齐、贴合品牌。

  3. 03 能出哪些尺寸?

    任意——图片按你指定的精确尺寸渲染,从方形社交卡到宽幅横幅,再导出 PNG。

  4. 04 可以用哪些 agent?

    Claude Code、Codex、Cursor Agent、Gemini CLI 等一方适配,自带 provider 密钥。

今晚就把下一张图做出来

给 repo 点个 star、装上 Open Design,把一句 prompt 变成贴合品牌的图片——在你本来就用的 agent 里。

● Apache-2.0 本地优先 · BYOK macOS · Windows · Linux