游乐游手机版
首页/AI热点日报/热点详情

用 Figma 与 AI 打造自由文字卡片教程

类型:热点整理2026-06-05
Orange之前预告过,要为大家推出一期关于文字卡片制作的详细教程。今天,这个承诺终于兑现了。而且这次特别用心——不仅为喜欢亲手操作的设计爱好者准备了完整的Figma手把手教学指南,还在最后为想省时省力的朋友提供了用AI一键生成的Prompt。使用Figma制作的卡片,控制力强、稳定性高;而AI一键

Orange之前预告过,要为大家推出一期关于文字卡片制作的详细教程。今天,这个承诺终于兑现了。而且这次特别用心——不仅为喜欢亲手操作的设计爱好者准备了完整的Figma手把手教学指南,还在最后为想省时省力的朋友提供了用AI一键生成的Prompt。使用Figma制作的卡片,控制力强、稳定性高;而AI一键生成的卡片,轻松快捷,像抽盲盒一样充满惊喜。

为什么要把文字做成卡片?

这个创意的起源,是一张名为「先做个垃圾出来」的手机壁纸。

这张壁纸最初由作者懒人ZHOU发布在小红书上,但并未引起广泛关注。后来被哥飞转发到X(原Twitter)上,一下子获得了100万曝光,从此在网络上迅速流传开来。别具一格的卡片样式就这样诞生了。

那为什么非要做成卡片不可?

上周阅读万维钢老师的著作《拐点》,其中提到了Sam Altman推崇的一段话:

The great end of life is not knowledge, but action.

I believe it is the duty of each of us to act as if the fate of the world depended on him.

We must live for the future, not for our own comfort or success.

Orange将其翻译并制作成了这样一张名言卡片。

随后发现,这张卡片凭借独特的样式和字体,让一句话获得了远高于普通文字的注意力。原本一扫而过的内容,因为卡片的设计形式,硬生生被多停留了几秒。就连生活中很朴素的话语,配上这样的卡片,都显得格外有道理起来。

制作这种卡片的方法其实非常简单——打开Figma,十分钟即可轻松搞定。下面来看具体的操作步骤。

使用 Figma 制作名人名言卡片

0. 找到Figma

Figma是目前产品设计师常用的专业UI设计工具,用于产品交互和界面设计。普通人也能用它把脑海中的图像画出来,学一下绝对不亏。个人使用Figma完全免费,直接去官网注册账号即可。

Figma官网:figma.com

1. 绘制一个卡片

新建一个设计文件。按下快捷键A(绘制画布),用鼠标拖拽出一个卡片的画布,尺寸大约500×600像素。

2. 为卡片设置渐变色

在右侧面板找到Fill(填充),点击打开填充面板。点击上方第二个小方块(渐变填充),填充方式选择Radial(中心向外渐变)。设置渐变首尾的两个色值,这里可以直接用吸色器从原图里取色。然后在画布上拖动渐变线,将绿色的焦点放置在中心位置。最后把渐变透明度从100%调整为60%。

3. 为卡片设置纸张质感

在右侧面板找到Fill,点击“+”新建一层填充图层。在填充面板里点击上方第三个小方块(图片填充),它的原理就是将一张图片作为背景填充进来。上传一张你喜欢的纸张纹理图片即可。

纸张纹理素材网上随便一搜就有很多,懒得搜索也可以直接使用下面这张图。

4. 为卡片设置字体

字体是这张卡片的灵魂所在,这里使用的是“汇文明朝体”。首先下载字体:

https://github.com/bosswnx/huiwenmincho-improved/releases

下载后双击安装到电脑中。回到Figma,按下快捷键T(文字块),在卡片上创建一个文本输入区域,随便打几个字。在右侧面板找到Typography(字体),打开字体选择器。筛选“Installed by you”,就能看到自己安装的字体,选择Huiwen-mincho即可。

最后调整一下字体大小,一张名言卡片的模板就制作完成了。

如果觉得手把手跟着做还有点难度,别担心,Orange已经将Figma模板分享出来,打开下面的链接即可直接获取:

https://www.figma.com/design/OOZnFxqcYgckwKfHkgox1V/Figma-Card-by-Orange-AI?node-id=0-1&t=ud4tOaOxFAMRv3O8-1

打开模板后选中卡片模板,复制粘贴到自己的Figma文件中,就能随意修改文字并输出卡片了。

使用 AI 制作名人名言卡片教程

如果连Figma都懒得打开,那就让AI直接来生成卡片吧。

借助支持Artifact功能的客户端(比如ChatWise),制作卡片变得非常轻松,而且在Prompt里可以直接指定字体。目前这类套壳客户端有不少,这里使用的是ChatWise。它的界面很清爽,绘制卡片只需要一个Prompt,成功率很高。

需要提醒的是,绘制卡片对大模型来说是一个难度较高的任务,建议只使用Claude模型。所使用的Prompt如下:

初始化:根据用户输入的话题,先把话题翻译成英文,然后用100字以内的精炼语言拆解其中的深层含义。然后用HTML创建一个优雅的文字卡片表现这个话题。设计要求:1. 所有字体必须使用Huiwen-mincho,不使用粗体,我的电脑已经安装了,请不要随意替换。2. 其中主题的字体要特别大。3. 卡片背景风格素雅,模仿纸张质感。4. 避免使用鲜艳或过多的颜色。5. 卡片尺寸约350px宽,450px高,有适当的内边距。6. 可以添加轻微的纹理或图案作为背景,增强纸张质感。卡片结构:1. 顶部用户输入的话题2. 中间用户输入话题的英文翻译3. 主体内容为对话题深层含义的拆解(100字以内)4. 底部写上简短的签名 Orange AI ,注意不要使用斜体初始化完成后,请用户输入话题。

但这只是开始,接下来请享受抽盲盒般的乐趣吧。完成卡片制作后,只需要继续输入Prompt“改为xx风格的卡片”,就能将卡片变成任意设计风格。

比如改成赛博朋克风格:

改成波普艺术风格:

可能有人会问:我又没学过设计,怎么知道有哪些设计风格?没关系,直接向AI提问获取灵感。

也可以跟朋友一起交流,一起抽盲盒。下面展示一些玩家已经尝试过的风格:

向阳乔木做的一些风格:

归藏做的一些风格:

只要你能想到,AI就能做到。

本期介绍了使用Figma和ChatWise + Claude制作名言卡片的完整方法。其实不光是名言卡片,很多公众号的封面图也是同样的制作思路。学会了这套玩法,就彻底解锁了“卡片自由”——绝对不亏。

来源:https://www.53ai.com/news/neirongchuangzuo/2025032398523.html

相关热点

继续查看同栏目近期热点。

延伸阅读

补充最近整理过的热点入口。