Figma
自Hello Kitty®于1974年首次登上世界舞台以来,她和她的朋友们通过相聚同乐的精神与用心的设计,连接了一代又一代粉丝。以下是我们对工艺与社区的共同热爱如何塑造了我们与Sanrio®的合作——在FigJam中,也在世界各地。
分享:我们如何将Hello Kitty®和朋友们带入Figma
Sanrio的旗舰角色Hello Kitty作为全球文化偶像已逾50年。她诞生于1974年,并于1975年在一款小型乙烯基零钱包上首次商业亮相。多年来,其他熟悉的角色陆续登场,如今Sanrio的广阔宇宙包含450多个角色。
在Hello Kitty®和朋友们背后的公司Sanrio®, nakayoku 是 一条指导理念. 大致译为“大家和睦相处”,这一精神根植于这样一种信念:没有人能在孤立中茁壮成长,分享快乐让人们更加亲近。同样的精神贯穿于Figma。Figma一直是多人协作的,从浏览器中最早的共享光标,到如今在 画布上用代码 今天,代码图层进入公开测试。现在,团队可以在画布上探索并构建由代码支持的原型。 以下是今天我们发布的一切,旨在将团队与智能体,以及它们所处理的设计、代码和上下文,带入Figma的全栈创意画布。在画布上使用代码图层一起设计
以设计构建:构建新方式的新工作流
“我们看到Sanrio让人们相聚的方式与我们的方式之间存在天然的契合,”Figma社区体验负责人Jordan Scott说。Sanrio的角色连接着世界各地的粉丝,而这种相聚感也延伸到角色本身——Hello Kitty®是一个更大的朋友圈中的一员。“Hello Kitty因为被这一整群角色围绕而更强大,”Jordan说。“在Figma中,我们的工作因为我们都身处文件中、一起协作而变得更好。”
Sanrio那些用心设计的角色背后对细节的关注,也让人觉得与Figma的设计师社区天然契合。这就是为什么我们与Sanrio合作,将友谊与趣味带入FigJam乃至更广阔的领域。从11月1日开始的一周内,Hello Kitty和朋友们将加入你的FigJam,你可以从12个Sanrio角色中选择一个加入你的头脑风暴。庆祝活动还延伸到 一场免费快闪活动 ,以庆祝Hello Kitty的生日,将于11月6日至8日在纽约市举行,同时还有 世界各地的社区聚会.

要将Hello Kitty和朋友们引入你的画布,只需点击工具栏中Hello Kitty标志性的蝴蝶结图标(如上图所示)即可选择角色。每个角色都有自己的主题,你的光标、和纸胶带和便签都会随之变化。
在FigJam中为朋友们留出空间
FigJam一直是一个朋友和同事可以聚集的地方,通过音乐、创意印章和表情符号等功能表达自己(以及他们的反馈),这使它成为Hello Kitty和朋友们的完美归宿。让每个角色在画板上安顿下来需要大量用心,而迎接他们的团队还得到了一些老朋友的帮助: FigPals 向我们挚爱的FigPals致敬——以及一种让它们永远陪伴在你身边的惊喜方式。
为FigPals寻找永久的家



→ 在选择窗口中点击一个角色以改变其姿势。
→ 在你的社区个人资料上展示你最喜欢的三个角色,并释放Sanrio®主题的彩纸。
→ 当文件在启用角色模式的情况下加载时,看到Hello Kitty带着彩纸弹出。
由于部分技术基础已经就位,产品设计师和工程师专注于让体验对Hello Kitty和朋友们来说显得独特。“很多工作实际上来自非技术方面,”Figma的软件工程师Cynthia Jia说。“弄清楚我们希望每个角色的体验是什么样子,并让它对Sanrio来说独一无二,这才是花费更多功夫的地方。”
这项工作始于一个艰难的选择:在Sanrio数百个角色中,哪12个能进入FigJam。Figma的产品设计师和工程师根据辨识度和受欢迎程度进行选择,最终确定了一组包括Hello Kitty、My Melody和Tuxedosam等角色的阵容。做出这一决定后,就该想象他们能把创造力推到多远。
幻灯片1,共4张1,共4张当你的FigJam文件加载时,Hello Kitty撒出彩纸。
每个角色都有独特的光标,带有与其故事相关的图标。
你的朋友们用定制印章和便签在FigJam上留下印记,颜色灵感来自他们的故事。
Sanrio®风格的和纸胶带为你的FigJam画板增添俏皮气息。团队开始探索每个角色的个性如何在FigJam中展现,从Sanrio提供的数百个角色插画、图标和背景图片中汲取灵感。“能拥有这么庞大的素材库供我们使用,真是太酷了,”产品设计师Samantha Mah说。他们有实验的空间,只要角色在放大或缩小时保持其比例和相对大小即可。
工具:团队利用一套Figma产品来构建这一体验,包括 Figma Motion 用于加载动画,以及 Figma agent 用于执行较小的批量编辑。
对于Figma工程师、资深Hello Kitty粉丝Amelia Goodman来说,乐趣在于弄清楚他们能为一个人们用于工作的工具带来多少欢乐。“这个项目有太多可以玩、可以尽情发挥的空间,”她说。这意味着要在人们已经用来共同头脑风暴和创作的工具中寻找可以玩耍的时刻。

用户可以在自己的社区个人资料上展示自己最喜欢的三个Sanrio角色,以可交互的拍立得风格展示,并配有自定义背景。此外,Sanrio主题的社区文件,例如 幻灯片模板, 涂色书, 以及一个通用的 游乐场文件 ,提供了更多与朋友一起创作和分享的方式。
团队使用Figma将Sanrio的艺术作品转化为可缩放的矢量素材,并完善每个角色体验的细节。Sanrio为部分角色提供了多达40种姿势,从跳跃、旋转到跳舞。随后,团队挑选了哪些动作会成为贴纸,还藏了一个小惊喜:在选择窗口中点击某个角色的预览,它就会摆出不同的姿势。

在此基础上,团队制作了角色专属的和纸胶带和便签配色,并根据角色背景故事和友谊中的细节为便签颜色命名,这些细节超级粉丝或许能认出来。例如,Pochacco的配色名为“奔跑红”,以呼应他的运动型角色设定;Tuxedosam的配色则名为“领结粉”,以纪念他的领结收藏——据传数量多达数百个。
随着他们在彼此的想法上继续构建,其他细节也开始浮现。点击一下,就会出现由Sanrio主题小图标组成的彩纸;文件加载时,Hello Kitty会跳出来打招呼。Sanrio主题的自拍相框也会把角色带入 FigJam的照相亭小部件, 中。



把庆祝带到现实世界
全球60多场社区聚会为设计师提供了在家附近结交朋友的机会。这些休闲聚会由Friends of Figma小组和 Figma Campus Leaders主办,重点在于彼此认识。
对于Figma体验式活动经理Kelley Sauer来说,把社区聚在一起也意味着给他们一个见面的地方。“把数字体验带到线下,让人们能在现实生活中体验它,这有一种特别之处,”Kelley说。“考虑到Sanrio的俏皮天性以及他们对朋友和社区的重视,我们知道必须在现实中做点什么,”Jordan补充道。
这场庆祝活动在纽约市及更广范围内成形:从联合广场附近为Hello Kitty举办的 免费生日快闪活动 ——参观者可以定制一个神秘Sanrio角色钥匙扣、领取独家周边,还能从一辆Keroppi绿色的餐车购买抹茶——到世界各地主题化的 Friends of Figma 聚会。这些纪念品还触及两个社区之间的另一种联系:对收集精心设计的周边的热爱。 Figma粉丝在我们年度大会Config上排队领取新品 Figma的第5季周边充满惊喜——微笑的方块、长着手臂的番茄、用水粉颜料绘制的木质形状。我们询问了该系列背后的八位艺术家,他们如何工作、什么启发他们,以及他们创作了什么。认识Figma第5季系列背后的艺术家们

→ 穿着Figma T恤的Sanrio角色钥匙扣
→ Figma × Hello Kitty and Friends贴纸包, featuring Sanrio角色与Figma字形互动的新 artwork
→ 限量版卫衣,可自选三个角色徽章,每天前150名访客可得
→ 收藏版抹茶餐车杯,带有惊喜角色设计
在整个过程中,团队优先考虑创造一种对Sanrio粉丝来说与对Figma社区一样特别的东西。“我们想创造一种体验,既能给我们的社区带来欢乐,也能给Sanrio的社区带来欢乐,”Jordan说。“我们认为,热爱Sanrio的人与颇具创意倾向的人之间很可能存在天然重叠。希望这会让他们感到兴奋。”
曼哈顿的Old Friend照相亭 是一家颇受欢迎的1970年代黑白模拟照相亭,也加入了这场乐趣,在11月6日至7日提供Figma和Sanrio®主题的拍照条。
把两个创意世界带到一起
Figma品牌设计师Chelsea White和Jefferson Cheng负责让纽约市快闪活动看起来名副其实。他们塑造了一切,从家具和饰面到标识,再到邀请人们参加派对的广告和广告牌。
Jefferson像开始所有项目一样开始:先有一个指引他的北极星。“我希望它感觉像是这两个非常标志性、非常图形化的品牌的结合,”Jefferson谈到这次Sanrio合作时说。“我们如何以一种能引起设计师受众共鸣的方式来呈现它?”
这两个品牌本来就有很多共同点。“Sanrio的一些元素直接与我们的品牌对话,比如角色大胆的形状和色彩,”Jefferson说。将Figma插画与Sanrio角色结合在一起,让团队得以在这种共同语言中尽情实验。“Sanrio的角色主要由基本形状构成,我们也在品牌中运用了这些形状的精神,”他说。“当我们把它们结合在一起时,一切就顺理成章了。”
第1张幻灯片,共4张
纽约市各地的海报将角色面部放大特写。
Hello Kitty®和朋友们在纽约市一块数字报刊亭的Figma标志上嬉戏。
纽约市各处的可撕取海报
纽约市的一块数字报刊亭展示,所有角色都倚靠在一起对于纽约市各地的海报和广告,Jefferson和Chelsea将角色面部紧密裁切,直到它们几乎变成抽象的形状与色彩组合。“当你把它们放得那么大时,它就变成了角色的抽象化呈现,但其中也有非常容易辨认的元素,”Jefferson说。即便在那种尺度下,只要瞥见Hello Kitty的蝴蝶结,就能认出她来。
联合广场及周边地区将出现粉笔人行道模板,让路人快速了解快闪活动及其位置信息。
在快闪活动内部,他们再次玩转比例,将每个角色附带的小图标放大成壁画,其中包括与热门兔子角色My Melody相关的草莓。近距离看,那些小插画变成了巨大的图形,展现出背后的矢量线条和形状。
家具也同样经过深思熟虑。团队与代理合作伙伴一起,打造了供人们并肩而坐的阶梯式方块,将图形中大胆的形状和对比色从墙面延伸到房间之中。“我们在Sanrio和Figma交汇之处运用了非常强烈的色彩点缀,让它们以一种非常美妙的方式说着同一种语言,”Chelsea说。最终呈现的是一个对两个世界的粉丝都感到熟悉的空间,还有空间坐下来结交新朋友。
我们的Sanrio合作包括:
- Hello Kitty和朋友们现已登陆FigJam,持续至11月8日
- 一场免费快闪派对 11月7日至8日,美国东部时间上午10点至下午6点,纽约东14街12号
- 免费Figma和Sanrio主题拍照条,地点: Old Friend照相亭 11月6日至7日,美国东部时间上午10点至晚上10点,纽约艾伦街145号
- 全球60多场社区聚会,贯穿 Friends of Figma 和 Figma Campus Leaders
