
手把手教你:怎么用 Figma 给 TikTok 做一套“爆款”品牌互动贴纸?
说真的,每次刷 TikTok,看到那些好玩的贴纸,我都会下意识地点开看看是哪个品牌做的。作为一个在营销圈里摸爬滚打,又喜欢自己动手搞点设计的人来说,这事儿真的挺上瘾的。尤其是现在 TikTok 的 Brand Mission(品牌任务)功能越来越成熟,一个设计精良的互动贴纸,带来的品牌曝光和用户参与度,可能比你花大价钱投几个开屏广告还要划算。
但问题来了,很多做品牌营销的朋友,一提到设计就头大。觉得是不是得请个专业的设计师,或者自己得去学个 Photoshop 之类的,门槛太高。其实真不是。现在 Figma 这种工具,已经把设计的门槛拉得非常低了,只要你懂一点基本逻辑,完全可以自己上手,给品牌设计出一套既合规又好玩的 TikTok 互动贴纸。
今天这篇,我不跟你扯那些虚头巴脑的理论,就以一个“边想边写”的状态,带你从零开始,用 Figma 搞定一套 TikTok 品牌专属贴纸。咱们不追求绝对的完美,但求实用、清晰,让你看完就能动手。
第一步:在动手之前,先搞清楚“游戏规则”
很多人一上来就打开 Figma 一顿猛画,最后导出给 TikTok,发现格式不对、尺寸不对,或者文件太大被打了回来。这纯属浪费时间。所以,咱们得先像看产品说明书一样,把 TikTok 的官方要求给捋清楚。
这就像你去参加一个派对,得先知道人家着装要求是 Formal 还是 Casual,对吧?
TikTok 互动贴纸的核心技术参数
这些是硬性指标,一个都不能错。我建议你拿个小本本记下来,或者直接收藏这篇文章。

- 文件格式: 必须是 ZIP 压缩包。这个 ZIP 包里要包含你所有的设计源文件(PNG 序列帧或者视频文件)。
- 内容格式: 贴纸本身可以是静态的 PNG 序列,也可以是动态的视频(MP4 或 MOV)。我个人更推荐用 PNG 序列帧,因为它在编辑时更灵活,用户可以把贴纸固定在某个位置。视频贴纸通常是自动播放,无法固定。
- 尺寸要求: 这是个坑点。贴纸画布的尺寸必须是 1080×1080 像素 的正方形。但是,你的贴纸主体不能铺满整个画布!你需要把主体放在一个“安全区域”里,这个安全区域通常是 864×864 像素 以内。为什么?因为要给用户的视频内容留出空间,不能把人脸全挡住了。
- 文件大小: 整个 ZIP 包不能超过 1MB。这个限制非常严格,所以你需要对你的设计做极致的压缩。
- 背景要求: 必须是透明背景。这一点 Figma 天生优势,导出 PNG 时勾选透明即可。
- 帧率: 如果是视频或动画序列,建议保持在 30fps 以下,以保证流畅度和文件大小。
好了,规则看完了,是不是觉得有点“螺蛳壳里做道场”的感觉?别怕,这些限制反而能激发创意。接下来,我们正式进入 Figma。
第二步:Figma 的“战前准备”——搭建你的设计战场
打开 Figma,新建一个文件。别急着画,先把这个“战场”搭建好,能让你后面的工作效率翻倍。
1. 建立正确的画板(Frame)
在 Figma 里,我们用 Frame 而不是 Artboard。按快捷键 F,然后在右侧属性面板里,选择 Custom,创建一个 1080 x 1080 的 Frame。把它命名为“TikTok 贴纸画板”。

2. 画出“安全区域”辅助线
这是最关键的一步,能保证你的设计不会“出界”。在顶部菜单栏选择 View (视图) -> Rulers (标尺),或者按快捷键 Ctrl + R (Windows) / Cmd + R (Mac) 把标尺调出来。
然后,从左侧和顶部的标尺处,往画板中间拖拽出两条辅助线。具体位置是:
- 垂直辅助线:从左边标尺拖到 108px 的位置,再从右边标尺拖到 972px 的位置 (1080 – 108 = 972)。
- 水平辅助线:从顶部标尺拖到 108px 的位置,再从底部标尺拖到 972px 的位置。
现在,你的画板中间就出现了一个 864×864 的“安全区”。所有重要的品牌 Logo、图案、文字,都必须待在这个框框里。
3. 玩转 Figma 的组件(Components)和变体(Variants)
如果你要做一个系列的贴纸,比如一个品牌有“开心”、“难过”、“点赞”、“加油”好几个情绪贴纸,千万别一个一个画。用 Figma 的组件功能!
画好一个基础贴纸,把它创建成组件(Create Component,快捷键 Ctrl + Alt + K)。然后,右键点击这个组件,选择 “Add variant”。这样你就可以在一个组件集里,快速切换设计不同的版本。比如,只改变表情,或者只改变文字。这样做的好处是,如果你要修改所有贴纸的边框粗细,只需要修改主组件,所有变体都会自动更新,超级方便。
第三步:设计实战——从草图到成品
准备工作做完,现在开始真正的设计。我们以一个虚拟品牌“Urban Roasters”(一家城市精品咖啡店)为例,设计一套“咖啡因上头”主题的贴纸。
1. 灵感与草图(别跳过这步!)
虽然我们是在 Figma 里画,但脑子里得有谱。先在纸上或者用 iPad 简单画几个草图。比如:
- 一个咖啡杯,上面冒着热气,热气形成一个“LOL”的字样。
- 一个咖啡豆,长出了小翅膀在飞。
- 一个打哈欠的卡通小人,旁边放一杯咖啡。
想好要画什么,我们再进 Figma 里把它实现出来。
2. 绘制图形与使用矢量工具
Figma 的绘图工具非常强大。你不需要成为插画师,也能画出好看的图形。
- 钢笔工具 (Pen Tool, 快捷键 P): 用来画一些不规则的形状,比如咖啡的热气、翅膀。多用锚点和手柄,可以画出很流畅的曲线。
- 布尔运算 (Boolean Operations): 这是 Figma 的“魔法”。比如你想画一个带缺口的圆,可以先画一个大圆,再画一个小矩形,选中两者,使用 Subtract (减去顶层) 操作,一个完美的缺口就有了。用这个方法可以组合出各种复杂的形状。
- 描边 (Stroke) 和填充 (Fill): TikTok 贴纸要醒目,所以颜色对比要强。品牌色是首选,但要确保在各种视频背景下都能看清。可以给描边加个白色或黑色的边,增加轮廓感。
3. 动态贴纸的制作思路
如果你的贴纸是动态的,比如一个旋转的咖啡豆,你需要在 Figma 里制作关键帧。
简单来说,就是:
- 在第 0 帧的位置,画好咖啡豆的初始状态。
- 复制这个 Frame,到第 15 帧的位置,把咖啡豆旋转 180 度。
- 再复制一个 Frame,到第 30 帧的位置,把咖啡豆旋转 360 度(回到初始状态)。
这样你就有了 3 个关键帧。导出时,Figma 会把这几个 Frame 按顺序导出为 PNG 序列。TikTok 会自动把它们连起来播放,形成一个旋转动画。
第四步:导出——最考验耐心的一步
设计稿美美的,但导出不对,一切白费。这一步要非常仔细。
1. 批量导出 PNG
选中你画板里所有的图层(包括你为动画制作的多个 Frame)。在右侧属性面板的 Export 部分,点击 + 号,选择 PNG 格式。
这里有几个关键设置:
- Size (尺寸): 保持 1x。不要去放大或缩小,因为我们的画板本身就是 1080×1080。
- Format (格式): PNG。
- Background (背景): 一定要选 Transparent (透明)。
点击 Export 按钮后,Figma 会把选中的每个 Frame 导出为一个独立的 PNG 文件。你会得到类似 Frame 1.png, Frame 2.png, Frame 3.png 这样的文件。
2. 命名与打包
这是 TikTok 官方要求的一个细节,但很多人忽略。如果你的贴纸是动画序列,导出的 PNG 文件名必须按顺序命名,比如 sticker_001.png, sticker_002.png, sticker_003.png。这样系统才能正确识别为动画序列。
把所有导出的 PNG 文件(或者 MP4 视频文件)放在一个文件夹里。然后,把这个文件夹压缩成一个 ZIP 文件。这个 ZIP 文件就是你最终要上传的素材包。
3. 终极检查:文件大小
右键点击你的 ZIP 包,看看属性里的大小。是不是超过 1MB 了?如果超了,怎么办?
- 减少帧数: 把 30 帧的动画精简到 15 帧。
- 简化设计: 减少复杂的渐变和阴影,多用纯色块。复杂的矢量图形会增加文件体积。
- 使用在线压缩工具: 有一些在线的 PNG 压缩网站(比如 TinyPNG),可以在几乎不损失画质的情况下大幅减小文件大小。你可以先把单张 PNG 压缩好,再打包。
第五步:上传与测试——在 TikTok 后台的旅程
现在,登录你的 TikTok for Business 账号,进入 Brand Mission (品牌任务) 模块。创建一个新的贴纸任务,上传你刚刚打包好的 ZIP 文件。
系统会进行审核。审核通过后,你就可以在自己的 TikTok 账号上发布一个带有这个贴纸的视频,来测试效果。
测试时,你要关注几点:
- 贴纸的响应速度: 用户点击后,贴纸是否能快速出现并固定?
- 在不同视频下的可见度: 找一个光线亮的视频背景和一个光线暗的视频背景,看看你的贴纸是否都清晰可见。
- 互动性: 这个贴纸是否真的激发了用户的创作欲?他们会不会主动去用它?
一些过来人的碎碎念(设计心法)
技术流程都说完了,最后聊点“虚”的,但可能比技术更重要。
1. “少即是多”是永恒的真理。 TikTok 的视频画面本来就小,信息量大。你的贴纸如果设计得太复杂,元素太多,用户根本看不清。一个核心视觉(比如咖啡豆)+ 一句简短的 Slogan 或一个表情,效果最好。
2. 融入,而不是强加。 最好的品牌贴纸,是用户觉得它好玩、好看,愿意把它加到自己的视频里,而不是一眼就看出这是个硬广。设计时多想想,这个贴纸能为用户的视频增添什么趣味?是搞笑?是可爱?还是酷炫?
3. 模仿是最好的开始。 刚开始没灵感?去 TikTok 上刷,看到哪个品牌的贴纸你觉得很棒,就暂停下来,用 Figma 尝试模仿它的设计思路。注意,是模仿思路,不是抄袭。比如它用了什么构图?用了什么动效?颜色搭配是怎样的?拆解这些,比自己凭空想要快得多。
用 Figma 做 TikTok 贴纸,本质上就是把一个创意想法,通过一个现代化的设计工具,转化成符合平台规范的数字产品。这个过程充满了挑战,但当你看到自己的设计被成千上万的用户使用,那种成就感是无与伦比的。
好了,思路差不多就这些了。现在,打开你的 Figma,从画那个 1080×1080 的画板开始吧。别怕犯错,多试几次,你也能成为品牌贴纸的设计高手。









