用 Figma 与 AI 打造自由文字卡片教程
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模板分享出来,打开下面的链接即可直接获取:
打开模板后选中卡片模板,复制粘贴到自己的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制作名言卡片的完整方法。其实不光是名言卡片,很多公众号的封面图也是同样的制作思路。学会了这套玩法,就彻底解锁了“卡片自由”——绝对不亏。
你是一名 AI 行业编辑,请围绕下面这条热点输出一份资讯解读:
热点:用 Figma 与 AI 打造自由文字卡片教程要求:
1. 先用一句话解释这条热点在讲什么
2. 再总结它为什么重要
3. 说明会影响哪些 AI 产品或内容方向
4. 最后给出 3 个适合资讯站使用的标题
游乐网为非赢利性网站,所展示的游戏/软件/文章内容均来自于互联网或第三方用户上传分享,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系youleyoucom@outlook.com。
相关热点面壁智能聚焦端侧AI,不拼参数大小,而是通过知识密度提升与模型风洞技术,将大模型压缩至手机、汽车等设备。其MiniCPM以2B参数超越同期8B对手。CTO曾国洋22岁主导训练中国首个大语言模型CPM-1。端侧AI追求“默契系统”,在用户开口前预判需求,已在吉利、上汽大众等车型落地应用。
印度IT巨头HCLTech投资最高350亿卢比建设AI数据中心,容量可扩展至50MW,提供从设计到运营的端到端服务,旨在满足政府及企业日益增长的算力需求,抢占印度快速增长的数据中心市场,并推动AI基础设施布局。
小米具身机器人在汽车工厂自攻螺母上件工站实现双侧作业成功率98%,接近人工水平。同时在新工站分别达到90%成功率,从单一操作拓展至多工站协同,验证了具身智能在复杂工业环境的落地能力。
全球AI行业正迎来新的财富格局,DeepSeek创始人梁文锋凭借其公司的迅猛发展,个人财富急剧膨胀,一举超越多位硅谷知名人物,成为全球AI公司领域的新首富。以下将详细解析其身价飙升背后的关键因素及公司发展历程。 一、身价飙升至360亿美元,超越多位AI大佬 根据最新彭博亿万富豪指数,DeepSeek
- 日榜
- 周榜
- 月榜
热点快看
