粘贴 Markdown 或一个链接,得到一张可直接发布的卡片。
你最好的思考通常以 Markdown 的形式存在——笔记里的一条心得、文档里的一段话、README 里的一个片段。但 Markdown 不会「传播」。在 X、LinkedIn 或 Instagram 上,一整墙的纯文本会被直接划过去;真正让人停下来的是图片。而从文字到图片,通常意味着要和一个设计工具搏斗,正是这份摩擦,让大多数好笔记永远发不出去。
Floniks 上新的 Markdown → 社交卡片 工具补上了这道缝。粘贴 Markdown,它就会把标题、加粗、表格、代码、LaTeX 数学公式,甚至流程图,渲染成一张漂亮、贴合品牌的卡片,一键导出为清晰的 PNG。或者粘贴一个 URL,Floniks 会读完整篇文章,替你设计一组四张卡片的轮播,并附上一段可直接发布的文案。
快速答案: 要把 Markdown 变成图片,打开 Floniks Markdown → 社交卡片,在左侧粘贴 Markdown,选一个主题和一种社媒画幅(1:1、4:5、9:16 或 1.91:1),点击 Export PNG。要把一篇文章变成轮播,切到 From URL,粘贴链接,Floniks 就会设计四张知识卡——hook、洞察、佐证、行动——外加一段文案,可以单张下载,也可以打包成 ZIP。

来自一个 URL:一组主题统一的四卡轮播,可直接用于 LinkedIn 或 X 长帖。
问题:你最好的文字,死在了纯文本里
我们一再注意到同一件事。开发者写下一段精炼的两段话讲清楚一个 bug 修复,丢进 Slack,午饭前就沉底了。创始人有一条利落的产品更新,躺在文档里。学生有一份带着真实公式的漂亮课堂笔记。所有这些都是 Markdown 形态 的——有结构、可速读、早就写好了——却都因为「变成可发布的东西太麻烦」而始终不见天日。
现有的工具都太窄。代码截图应用只做代码。设计工具什么都能做,代价是一张白画布和你根本挤不出的二十分钟。没有一个工具,只是把你早就写好的 Markdown 拿过来,让它变好看。
它能做什么
它的内核是一个忠实、漂亮的 Markdown 渲染器,接上了一键图片导出。你对 GitHub 风格 Markdown 的所有预期都成立,还包括那些通常会「翻车」的部分:
- 表格以清爽的边框和淡雅的表头行渲染。
- LaTeX 数学公式用 KaTeX 渲染——行内公式和整行展示公式都支持。
- 代码块变成带标题栏和真正语法高亮的精致「代码卡」。
- 有序列表获得彩色数字徽标;
==高亮==的词条变成强调药丸。 mermaid图表渲染为流程图。
你从六套发布级主题里挑一个,选一种社媒宽高比,导出一张 retina PNG,圆角透明——所以卡片能干净地落在任何背景上。
从一个 URL:一整组轮播,替你设计好
这一部分根本不是「设计工具」。粘贴一个链接——一篇博客、一份文档、一条新闻——Floniks 会完成编辑工作:
- 它会安全地抓取页面,并提取出可读的正文文本。
- Claude Opus 读完它,设计出一条刻意编排的四卡叙事弧:一个让人停下滑动的 hook、核心 洞察、一个 佐证 点,以及一个可执行的 行动 项。
- 每张卡片都配上眉标签、有力的标题、精炼且关键词高亮的文案,整组共用一个统一主题,读起来就是一个系列。
- 你还会拿到一段可直接发布的文案,带话题标签。
结果是一组可以原样发布、也可以再微调的轮播。这就是「帮我总结一下」和「把它设计成大家真正愿意转发的东西」之间的区别。如果你见过我们的百科卡片如何把一个主题变成一张解说图,那么这就是它的多卡、自带素材来源的表亲。
你知道吗? URL 抓取器在设计上就是安全的。它只跟随
http/https,会在每一跳重定向时重新校验,并拒绝触碰私有、回环或云元数据地址——所以「粘贴任意链接」无法被用来对内部基础设施发起请求。

一张卡片,完整 Markdown:带语法高亮的代码卡、数字徽标与高亮词条。
它在哪里最能发挥价值
因为产出就是一张图片,它能嵌进你早已在用的任何地方:
- X 上的开发者。 把一条心得、一个
git技巧或一段代码片段,变成干净的代码卡——就是那种会被人收藏的帖子。 - LinkedIn 上的创始人和市场人。 粘贴你的更新日志或发布说明,得到一组专业轮播,而不是一条纯文本更新。
- Newsletter 和博客作者。 丢进你的文章 URL,得到四张推广卡加一段用于发布长帖的文案——不用单独走一遍设计。
- 教育者和学生。 带真实公式和表格的笔记,变成可分享的学习卡,用于 Instagram 或班级频道。
- 任何有一句好话的人。 一句有力的话、一个数据、一条定义——一张卡,搞定。
怎么做一张
- 打开 Markdown → 社交卡片。
- 单张卡片: 在左侧粘贴 Markdown;右侧卡片实时更新。
- (可选) 点击 Analyze content,Floniks 会为你建议标题、贴合的主题,以及一段用于生成 AI 背景图的图片提示词。
- 从 URL: 切到 From URL 标签,粘贴链接,点击 Generate carousel。
- 选一个主题和画幅,然后 Export PNG——或者 Download all (ZIP) 拿走整组。
这就是全部流程。文字进,卡片出。
常见问题
我怎么把 Markdown 变成图片? 打开 Floniks Markdown → 社交卡片,粘贴你的 Markdown,选一个主题和一种社媒画幅,点击 Export PNG。卡片会随你打字实时渲染——标题、加粗、表格、代码和公式都包含在内——并导出为带透明圆角的高清 PNG。
它能把一个 URL 变成一组卡片吗? 可以。切到 From URL 标签,粘贴任意文章链接。Floniks 会安全地抓取页面,Claude 读完后设计一组四卡轮播——hook、洞察、佐证、行动——主题统一,并附一段可直接发布的文案。你可以单张导出 PNG,也可以把整组下载成 ZIP。
它支持数学公式、表格和代码吗?
支持。表格采用 GitHub 风格 Markdown,LaTeX 数学公式用 KaTeX 渲染(行内与展示皆可),围栏代码块会渲染成带标题栏、语法高亮的「代码卡」。mermaid 代码块会渲染为图表。
我能导出哪些图片格式和尺寸? 卡片以 retina(2×)PNG 导出,带透明圆角,因此能干净地落在任何背景上。导出前你可以选社媒宽高比——方形 1:1、竖版 4:5、故事 9:16、宽幅 1.91:1,或一张自适应长卡。
我能加一张 AI 生成的背景图吗? 可以。点击 Analyze content,Floniks 会基于你的文字给出一段图片提示词;你可以用 Floniks 的图像模型生成一张匹配的背景图或头图,并合成进卡片。
它适合像 Carbon 或 ray.so 那样的代码截图吗? 它会把代码渲染成精致、语法高亮的代码卡,所以适合——但它不止于代码。同一张卡片可以混排文字、表格、公式和图表,而 From URL 模式会设计整组轮播,这是代码截图工具做不到的。
这些卡片是为哪些平台设计的? X、LinkedIn 和 Instagram 轮播是主要目标,并配有对应的画幅预设。因为导出就是一张普通 PNG,这些卡片同样适用于 newsletter、幻灯片、Discord,以及任何你会发图片的地方。
我需要设计什么、或者写提示词吗? 不需要。主题是预先设计好的,排版是自动的;你只需粘贴内容、挑一个样式。在 From URL 模式里,你连文案都不用写——Claude 会替你起草卡片和文案。
开始把你的文字变成卡片
如果你本来就用 Markdown 写作,那你已经走完了一篇好帖子的一半。把它——或者一个链接——粘进 Markdown → 社交卡片,几秒钟就能拿到一张可直接发布的图片。对于更长、多步骤的内容,把它和工作流编辑器搭配使用;想找灵感变成卡片,逛逛 Ideas。

