Comment nous avons intégré Hello Kitty® et ses amis à Figma
Depuis que Hello Kitty® a fait son apparition sur la scène internationale en 1974, elle a su rassembler, avec ses amis, des générations de fans grâce à un esprit de partage et de convivialité et à une conception soignée. Découvrez comment la passion partagée pour notre métier et notre communauté a façonné notre collaboration avec Sanrio®, dans FigJam et partout dans le monde.
Partager Comment nous avons intégré Hello Kitty® et ses amis à Figma
Hello Kitty, le personnage phare de Sanrio, est une icône culturelle mondiale depuis plus de 50 ans. Elle a été créée en 1974 et a fait ses débuts commerciaux sur un petit porte-monnaie en vinyle en 1975. D'autres personnages emblématiques ont fait leur apparition au fil du temps, et aujourd'hui, l'univers de Sanrio compte plus de 450 personnages.
Chez Sanrio®, la société à l’origine de Hello Kitty® et ses amis, nakayoku est un principe fondateur. Ce principe, qui pourrait se traduire approximativement par « tout le monde s’entend bien », repose sur la conviction que personne ne s’épanouit dans l’isolement et que partager son bonheur crée des liens. C’est ce même esprit qui anime Figma. Figma a toujours privilégié la collaboration, depuis les premiers curseurs partagés dans le navigateur jusqu’au design désormais possible avec du code sur le canvas. Nous pensons que créer ensemble procure plus de joie que de créer seul, et nous avons constaté que la collaboration entre les équipes de design et de développement les aide à approfondir leurs idées.
« Nous avons immédiatement perçu un lien naturel entre la vocation fédératrice de Sanrio et notre propre démarche », explique Jordan Scott, Responsable des expériences Communauté chez Figma. Les personnages de Sanrio rassemblent des fans du monde entier, et ce sentiment d’appartenance s’étend aux personnages eux-mêmes, Hello Kitty® faisant partie d’un cercle d’amis plus large. « Hello Kitty est plus forte parce qu'elle est entourée de tous ces personnages », explique Jordan. « Chez Figma, notre travail est de meilleure qualité parce que nous travaillons tous ensemble sur les mêmes fichiers. »
Le souci du détail qui caractérise les personnages de Sanrio, conçus avec soin, semblait également correspondre naturellement à la communauté de designers de Figma. C’est pourquoi nous nous associons à Sanrio pour intégrer ces aspects conviviaux et ludiques dans FigJam et au-delà. Pendant une semaine à compter du 1er novembre, vous retrouverez Hello Kitty et ses amis dans FigJam, où vous pourrez choisir l’un des 12 personnages Sanrio sélectionnés pour participer à vos séances de brainstorming. Les festivités comprennent également un événement éphémère gratuit en l'honneur de l'anniversaire de Hello Kitty, qui aura lieu à New York du 6 au 8 novembre, ainsi que des rencontres de la Communauté dans le monde entier.
Pour introduire Hello Kitty et ses amis sur votre canvas, il vous suffit de cliquer sur l’icône du nœud emblématique de Hello Kitty dans la barre d'outils (illustrée ci-dessus) pour choisir un personnage. Chaque personnage a son propre thème, donc votre curseur, votre ruban washi et vos notes changent en conséquence.
Faire de la place pour les amis dans FigJam
FigJam a toujours été un espace où amis et collègues peuvent se réunir pour s'exprimer (et apporter leur feedback) grâce à des fonctionnalités comme la musique, les tampons créatifs et les emojis, ce qui en fait un cadre idéal pour Hello Kitty et ses amis. La mise en place de chaque personnage sur le tableau a nécessité beaucoup de soin, et l'équipe chargée de les accueillir a pu compter sur l'aide de quelques vieux amis : les FigPals. Lancés en édition limitée en avril 2025, les FigPals étaient des compagnons personnalisables qui suivaient votre curseur dans vos fichiers Figma. Bien que nos FigPals n’existent plus aujourd’hui que sous forme de porte-clés et de packs d’autocollants, l’équipe a réutilisé certaines de ces structures pour intégrer Hello Kitty et ses Amis dans FigJam.
Détails d'interaction de FigJam :
→ Cliquez sur un personnage dans la fenêtre de sélection pour changer sa pose.
→ Libérez des confettis sur le thème de Sanrio® depuis l'écran de vos trois personnages favoris sur votre profil Communauté.
→ Voyez Hello Kitty apparaître avec des confettis lorsque le fichier se charge avec le mode personnage activé.
Avec les bases techniques largement en place, les designers produit et les ingénieurs se sont attachés à créer une expérience propre à Hello Kitty et ses amis. « C'est en fait du côté non technique qu'est venue la grande partie du travail », explique Cynthia Jia, ingénieure logiciel chez Figma. « Définir l'expérience que nous souhaitions offrir pour chaque personnage et la rendre unique à Sanrio, voilà ce qui a demandé le plus d'efforts. »
Ce travail a commencé par un choix difficile : déterminer quels seraient les 12 personnages, parmi les centaines proposés par Sanrio, qui seraient intégrés à FigJam. Les designers produit et les ingénieurs de Figma ont fondé leur décision sur des critères de reconnaissance et de popularité, pour aboutir à une sélection comprenant notamment Hello Kitty, My Melody et Tuxedosam. Cette décision prise, l'heure était venue d'imaginer jusqu'où ils pourraient repousser les limites de leur créativité.
L’équipe a commencé à explorer comment la personnalité de chaque personnage pouvait s’exprimer dans FigJam, en s’inspirant de centaines d’illustrations de personnages, d’icônes et d’images de fond fournies par Sanrio. « C’était vraiment génial d'avoir accès à cette immense bibliothèque de ressources », explique Samantha Mah, Designer produit. « L’équipe avait toute latitude pour expérimenter, à condition que les personnages conservent leurs proportions et leurs tailles relatives lorsqu’ils étaient agrandis ou réduits. »
Les outils :
L'équipe a exploité une suite de produits Figma pour créer l'expérience, notamment Figma Motion pour une animation de chargement et l'agent Figma pour effectuer des modifications groupées de moindre envergure.
Pour Amelia Goodman, ingénieure chez Figma et fan de longue date de Hello Kitty, le plus amusant a été de trouver comment transformer un outil de travail en une source de plaisir. « Ce projet offrait une immense marge de manœuvre pour s’amuser et laisser libre cours à notre créativité », explique-t-elle. Il s’agissait de trouver le moyen d’intégrer des moments ludiques au sein même de l’outil que les utilisateurs emploient déjà pour réfléchir et créer ensemble.
Les utilisateurs peuvent mettre en avant leurs trois personnages Sanrio favoris sur leur profil Communauté, dans un affichage interactif de style Polaroid avec un fond personnalisé. De plus, des fichiers de la communauté sur le thème de Sanrio, tels que des modèles de diapositives, des livres de coloriage, et un fichier bac à sable général offrent davantage de possibilités pour créer et partager avec ses amis.
L’équipe a utilisé Figma pour transformer les illustrations de Sanrio en ressources vectorielles redimensionnables et développer les détails de l’expérience de chaque personnage. Sanrio a fourni jusqu'à 40 poses pour certains personnages, allant du saut à la pirouette en passant par la danse. L’équipe a ensuite sélectionné les mouvements qui deviendraient des autocollants et y a glissé aussi une petite surprise : lorsque vous cliquez sur l’aperçu d’un personnage dans la fenêtre de sélection, celui-ci prend une pose différente.
À partir de là, l’équipe a créé des palettes de ruban washi et de notes spécifiques à chaque personnage, en donnant aux couleurs des notes des noms inspirés de détails tirés de l’histoire de chaque personnage et de leurs relations d’amitié, que les fans inconditionnels pourraient reconnaître. Par exemple, la palette de couleurs de Pochacco s’appelle « Running Red » (rouge sprint) en référence à son caractère athlétique, tandis que celle de Tuxedosam porte le nom de « Bowtie Pink » en hommage à sa collection de nœuds papillon, qui, selon la rumeur, en compterait plusieurs centaines.
D’autres détails ont commencé à prendre forme à mesure qu’ils s’inspiraient mutuellement. Une pluie de confettis composée de petites icônes sur le thème de Sanrio apparaîtra sur simple clic, et Hello Kitty surgira pour vous saluer lors du chargement d’un fichier. Des cadres de selfie sur le thème de Sanrio permettront également d’intégrer les personnages dans le widget photomaton de FigJam.
Transposer la fête dans la réalité
Plus de 60 rencontres de la Communauté à travers le monde permettent aux designers de se faire des amis dans leur région. Organisées par les groupes Amis de Figma et les Leaders du campus Figma, ces rencontres informelles ont pour but de permettre aux participants de faire connaissance.
Pour Kelley Sauer, responsable des événements expérientiels chez Figma, rassembler ces communautés signifiait également leur offrir un lieu de rencontre. « Il y a quelque chose de spécial à pouvoir transposer une expérience numérique hors ligne, afin que les gens puissent la vivre dans le monde réel », explique Kelley. « Compte tenu de la nature ludique de Sanrio et de l’importance accordée à l’amitié et à la communauté, nous savions qu’il fallait organiser un événement en présentiel », ajoute Jordan.
Les festivités se déroulent à New York et au-delà, avec un événement éphémère gratuit pour fêter l'anniversaire de Hello Kitty près de Union Square, où les visiteurs peuvent personnaliser un porte-clés représentant un personnage Sanrio mystère, obtenir des articles exclusifs et commander du matcha dans une tasse-camion vert Keroppi, et des rencontres thématiques organisées dans le monde entier par les Amis de Figma. Ces objets souvenirs soulignent un autre lien entre les communautés : une passion commune pour la collection d'articles promotionnels au design soigné. Les fans de Figma font la queue pour obtenir les dernières nouveautés lors de Config, notre conférence annuelle, tout comme les fans de Sanrio recherchent des produits dérivés spéciaux à l’effigie des personnages. Même les boissons seront servies dans des gobelets en édition limitée arborant différents motifs de personnages.
Vous y trouverez notamment les articles exclusifs suivants :
→ Porte-clés à l'effigie de personnages de Sanrio portant des T-shirts Figma
→ Packs d’autocollants Figma × Hello Kitty et ses amis présentant de nouvelles illustrations des personnages Sanrio en interaction avec les glyphes Figma
→ Sweats-shirts en édition limitée avec trois écussons de personnage au choix, pour les 150 premiers visiteurs chaque jour
→ Tasses à matcha sous forme de camion à collectionner avec des motifs de personnage surprise
Tout au long du projet, l’équipe s’est attachée à créer quelque chose qui serait aussi spécial pour les fans de Sanrio que pour la communauté de Figma. « Nous voulons créer une expérience qui apportera autant de joie à notre communauté qu'à celle de Sanrio », précise Jordan. « Selon nous, il existe fort probablement un recoupement naturel entre les passionnés de Sanrio et les esprits créatifs. Nous espérons qu'ils seront séduits par cette initiative. »
Le photomaton Old Friend à Manhattan, un photomaton populaire des années 1970 fonctionnant en noir et blanc et en analogique, sera également de la fête les 6 et 7 novembre, avec des bandes de photos proposées sur le thème de Figma et Sanrio®.
Réunir deux univers créatifs
Chelsea White et Jefferson Cheng, designers de marque chez Figma, étaient chargés de donner à l'événement éphémère de New York le style souhaité. Ils ont conçu chaque détail, du mobilier aux finitions en passant par la signalétique, sans oublier les publicités et les panneaux d’affichage invitant le public à la fête.
Jefferson a commencé son travail comme il entame tous ses projets : en se fixant un cap à suivre. « Je voulais créer une impression de rapprochement entre ces deux marques très emblématiques et très graphiques », explique Jefferson à propos de la collaboration avec Sanrio. « Comment présenter ce concept de manière à ce qu’il trouve un écho auprès d’un public de designers ? »
Les deux marques avaient déjà beaucoup de points communs. « Certains éléments de Sanrio font directement écho à notre marque, notamment les formes et les couleurs vives des personnages », explique Jefferson. Associer les illustrations de Figma aux personnages de Sanrio a permis à l’équipe d’expérimenter dans ce langage commun. « Les personnages de Sanrio sont principalement constitués de formes rudimentaires, et nous reprenons également l’esprit de ces formes dans notre marque », précise-t-il. « Lorsque nous les associons, cela prend tout son sens. »
Pour les affiches et les publicités disséminées dans New York, Jefferson et Chelsea ont cadré de très près les visages des personnages jusqu’à ce qu’ils deviennent des compositions presque abstraites de formes et de couleurs. « Les agrandir à ce point en fait une abstraction du personnage, mais on y retrouve également des éléments très reconnaissables », remarque Jefferson. Même à cette échelle, un aperçu du nœud de Hello Kitty permet de la reconnaître.
Des pochoirs à la craie sur les trottoirs feront leur apparition autour d’Union Square et dans les environs immédiats, fournissant aux passants des informations rapides sur l'événement éphémère et l’endroit où le trouver.
À l’intérieur de l'espace éphémère, ils ont de nouveau joué avec l'échelle, agrandissant les minuscules icônes fournies avec chaque personnage pour en faire une fresque murale, notamment une fraise associée au célèbre lapin My Melody. De près, ces petites illustrations deviennent des graphismes géants qui mettent en valeur le tracé vectoriel et les formes qui les composent.
Le mobilier a fait l’objet d’une attention tout aussi minutieuse. En collaboration avec son agence partenaire, l’équipe a construit des blocs en gradins sur lesquels les visiteurs peuvent s’asseoir ensemble, transposant ainsi dans l’espace intérieur les formes audacieuses et les couleurs contrastées des graphismes muraux. « Nous avons joué avec des touches de couleur très vives aux points de rencontre entre Sanrio et Figma ; ils partagent ainsi le même langage d’une manière vraiment merveilleuse », explique Chelsea. Le résultat est un espace qui semble familier aux fans des deux univers, avec un endroit pour s'asseoir et se faire un nouvel ami.
Programme de notre collaboration avec Sanrio :
- Hello Kitty et ses amis dans FigJam jusqu'au 8 novembre
- Événement éphémère gratuit les 7 et 8 novembre, de 10 h à 18 h Heure de l'Est, au 12 East 14th Street, New York
- Bandes de photos gratuites sur le thème de Figma et Sanrio disponibles au photomaton Old Friend les 6 et 7 novembre, de 10 h à 22 h Heure de l'Est, au 145 Allen Street, New York
- Plus de 60 rencontres de la Communauté organisées dans le monde avec l'aide des Amis de Figma et des Leaders du campus Figma
