支持私有云部署
AI知识库

53AI知识库

学习大模型的前沿技术与行业应用场景


教程:用 Figma 和 AI ,解锁文字卡片自由

发布日期:2025-03-23 08:05:37 浏览次数: 1559 来源:橘子汽水铺
推荐语

用Figma和AI打造个性化文字卡片,提升信息传达效果。

核心内容:
1. Figma和AI制作文字卡片的对比优势
2. 制作卡片的背景和意义:提升信息关注度
3. Figma制作名人名言卡片的详细步骤

杨芳贤
53A创始人/腾讯云(TVP)最具价值专家

Orange 之前预告过,要给大家做一个制作文字卡片的教程,今天就来填坑了。

这次填坑非常用心,不仅给喜欢古法手作的朋友提供了手把手 Figma 教程,

还在文章最后为懒得动手的朋友们提供了一键生成卡片的 AI 版 Prompt。

Figma 做卡片控制力强,稳定性高。

AI 做卡片一键生成,像抽盲盒一样快乐。

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

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

它最初是由作者懒人ZHOU发布在小红书上的,但在小红书没火。

哥飞把它转发到了X上,却获得了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.

我把它翻译并做成了名言卡片

loading

然后,我发现这张卡片,因为独特的样式和字体,可以让一句话获得更多的注意力。

本该一划而过的文字,因为卡片的形式,被多看了几秒。

即使是生活中很朴素的话,都变得有道理起来?

而制作这张卡片的方式,非常简单,只需要打开 Figma ,十分钟就能搞定。

下面我来讲一下制作步骤。

使用 Figma 制作名人名言卡片

0.找到 Figma 

Figma 是目前产品设计师用来制作产品交互和产品界面的专业工具。

普通人也可以用它来把脑海中的图像绘制出来,学一下绝对不亏。

个人使用 Figma 是完全免费的。

直接找到官网,注册账户,即可使用。

Figma 的官网: Figma.com

loading

1.绘制一个卡片

新建一个设计文件。

然后按下快捷键A(绘制画布),

然后用鼠标拉出一个卡片的画布,大概500*600。

loading


2.为卡片设置渐变色

在右侧的面板找到 Fill(填充),点击一下打开填充面板。

在填充面板里,点击上方第二个小方块,也就是渐变填充,填充方式选择 Radial (中心向外渐变)。

设置渐变首尾的两个色值,这里可以用吸色器直接从原图里取色。

然后在画布上,拖动渐变线,把绿色的焦点放在中心的部分。

然后把渐变透明度从 100% 修改为 60%。

loading

3.为卡片设置纸张质感

在右侧的面板找到 Fill(填充),点击一下+(新建),新建一层填充图层。

然后在填充面板里,点击上方第三个小方块,也就是图片填充,其原理就是把一张图片放进来作为背景。

然后上传一张你喜欢的纸张纹理图片作为背景。

loading

纸张纹理在网上随便一搜就一大堆。

懒得搜也可以直接用下面的图。

loading

4.为卡片设置字体

字体是这张卡片的灵魂,这个字体叫汇文明朝体。

首先下载字体,下载地址:

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


下载好字体之后,双击安装到你的电脑系统里。

然后回到 Figma。

输入快捷键T(文字块),就能在卡片上创建一个文本输入区域,随便打几个字。

在右侧面板找到 Typography (字体),打开字体选择器。

在字体选择器里筛选 Installed by you,就能看到自己安装的字体了。

选择 Huiwen-mincho 即可。

loading

最后再调整一下字体大小。

这样一张名言卡片的模板就做成了。

看完上面的教程,学会了吗?

如果没学会也不要紧,我把我的 Figma 模板分享了出来,直接打开下面的链接获取模板

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

打开模板后是这样的,你把模板里的卡片模板选中,然后 Copy 复制,粘贴到自己的 Figma 文件里,就能随便修改文字输出卡片了。

loading

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

如果懒得用 Figma,也可以让 AI 来直接制作卡片。

借助  Artifacts 功能,制作卡片变得非常轻松,而且在 Prompt 里也可以直接指定字体。

支持 Artifact 的套壳客户端很多,我在这里用的是 ChatWise。

ChatWise 的界面是这样的,绘制卡片,只需要一个 Prompt 即可,成功率很高。

loading

ChatWise 是一个收费的 AI 套壳软件,在速度、审美、功能三个维度,都是套壳界天花板的存在,它真的非常非常非常好用。。
软件价格 29 美金买断,购买时输入优惠码 orange 可以获得 8 折优惠。

ChatWise 官网:

https://chatwise.app/

绘制卡片对大模型来说是个难度比较高的任务,只推荐使用 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 制作名言卡片的方法。

其实不光是名言卡片,橘子汽水铺公众号封面图也是同样的制作方法。学会了这篇文章里的玩法,就彻底解锁了卡片自由。

绝对不亏。

53AI,企业落地大模型首选服务商

产品:场景落地咨询+大模型应用平台+行业解决方案

承诺:免费场景POC验证,效果验证后签署服务协议。零风险落地应用大模型,已交付160+中大型企业

联系我们

售前咨询
186 6662 7370
预约演示
185 8882 0121

微信扫码

添加专属顾问

回到顶部

加载中...

扫码咨询