28 种布局免费用,写完文章 5 分钟出一套小红书图,这个AI项目狠狠码住

16 阅读6分钟

我做自媒体一年,充了上万块的各种AI和设计工具会员,结果发现,最让我省心的竟然是个完全免费的开源工具。

以前每次写完文章,真正花在排版配图上的时间,比写文章本身还长。不会 Figma,Canva 用不惯,花钱找设计师一张图要几十块,算下来根本不划算。直到我发现了这个神仙工具:claude-design-card

写完文章,把内容往里一粘,3步直接出图。我亲测了整整一周,现在写完文章,真的只要 5 分钟就能出一套小红书爆款图文。

项目封面

一、28种布局,直接系统直出

很多AI工具太繁琐,但这个完全不会,它主打的就是“开箱即用”这四个字。

你不需要懂色彩搭配,也不需要懂复杂的排版网格,把写好的文案或者文章链接直接往里一丢。系统内置了 14 种经典格式族,一共 28 种专业排版布局,完美覆盖了我们自媒体人的所有日常排版场景。

第一是平台封面族,支持公众号首图(900×383)、视频号竖封面(1080×1440)、B站和YouTube横封面(1280×720)以及抖音全屏竖版(1080×1920)。这些封面都采用大厂设计师推崇的“承诺式设计”,左标题右证据,横向秒读,能瞬间拉高点击率。

第二是图文内容卡,专门为小红书设计。支持标准小红书图文笔记、步骤教程卡以及对比分析卡。美学设计上融入了独特的纸张缝隙质感,让卡片看起来像精致的实体卡牌,用户看了极其想随手收藏。

第三是社交分享卡,包括金句分享卡、数据大字卡和方形通用卡。非常适合把一篇文章中最扎实的论点或者金句提炼出来,配上超大的数字标签和进度条,做成精致的单卡发到朋友圈。

第四是长文编辑排版,适合微信公众号长图文或网站发表。支持三栏报纸气质的 The Broadsheet、杂志深度的 The Feature、文学期刊质感的 The Reader 以及分析报告风格的 The Digest。

最关键的是,你不需要自己挨个去测试,AI会自动分析你的文案内容,直接推荐最匹配的布局方案。文字输入,设计输出。

卡片特性

二、为什么这套卡片的审美能做到降维打击

这套卡片之所以看起来特别“高端”、“有逼格”,是因为它底层严格遵循了 Claude 的设计美学系统。

我们普通人自己做图,最容易犯的错误就是“颜色太杂、字体太粗、没有呼吸感”。

而在 claude-design-card 的视觉体系里,只用了一套极其雅致的复古色值:

  • 主背景采用 Parchment 羊皮纸暖色(#f5f4ed),规避了刺眼的纯白色。

  • 卡面底色采用 Ivory 象牙白(#faf9f5),层级清晰。

  • 文字色值采用 Near-Black 微雅黑(#141413),避免了死黑带来的生硬感。

  • 强调和点缀色则使用极其克制的 Terracotta 陶瓦红(#c96442)。

字体上,它更是精妙地使用了 Georgia 衬线字体作为标题,搭配精简的人文无衬线系统字体作为正文。这种经典对仗不仅排版呼吸感十足,而且瞬间拥有了国际顶级科技媒体和独立期刊的独特人文质感,这是套用普通模板怎么调也调不出来的。

三、小白福音,极简安装与本地运行

这个项目完全开源免费,没有任何隐藏收费,如果你想在本地跑起来,我教你最简单的小白教程:

首先是准备运行时环境。推荐使用速度极快的 Bun,在你的系统命令行里输入一行命令即可完成安装:

powershell 
-c
"irm bun.sh/install.ps1 | iex"

然后下载项目源码并安装 Playwright 浏览器截图引擎:

bun 
install
bunx playwright 
install
 chromium

一切就绪后,你就可以开始出图了。运行方式非常灵活:

# 1. 固定尺寸出图(比如做小红书 1080×1440 卡片)
bun scripts/screenshot.ts input.html output.png 
1080
1440
2. 自动高度出图(比如把长文章排版成长图)
bun scripts/screenshot.ts input.html output.png 
800
 --full-page

四、3步闭环,闭着眼也能输出大图文

工具的操作可以说比用微信聊天还要简单,主要分为3个步骤:

第一步是复制文案。打开工具,把写好的文字段落或者文章的 URL 链接粘贴进去。系统会自动解析全文的结构,提炼核心骨架,你完全不需要自己费脑筋写提炼词。

第二步是选择布局与主题。系统会根据内容推荐最佳排版方案。如果是做小红书就选图文内容卡,做公众号就选首图封面。内置 10 种精心调配的主题色,像马卡龙、复古纸质、冷淡极简,看中哪个点哪个,一秒切换。

第三步是一键导出PNG。点击导出,系统会自动调用 Playwright 在后台将页面转换成超清的 PNG 卡片保存到本地。直接打包发朋友圈、小红书或者上传公众号后台即可。

工作流程

五、你省下的,是本来要损耗的生命

很多人会说,我已经熟练掌握了 Canva 或其他设计软件,还有必要换这个吗?

有必要,而且非常重要。传统的做图逻辑是“做设计”,你每次都要面对一张白纸,拖拉图层、修改字体、对齐像素,一张图少则耗掉二十分钟。如果你是一个自媒体人或超级个体,一周出5篇图文,光是排版,一周就要损耗 5 个小时。

但这个工具的逻辑是反过来的,你是“文字输入,方案直出”。你不是在痛苦地进行像素级对齐,而是在轻松地筛选和决策。这从来不是几分钟的微小改变,而是内容生产效率的降维打击。

做图,核心从来不是在和繁琐的软件死磕,而是在你的内容表达里,做最直观的挑选。

工具完全开源免费。如果你现在就想体验,直接在搜索引擎输入“claude-design-card”即可找到它的 GitHub 项目页面。