Wie wir Hello Kitty® and Friends zu Figma brachten
Seit Hello Kitty® 1974 erstmals die Weltbühne betrat, haben sie und ihre Freunde Generationen von Fans durch den Geist der Zusammengehörigkeit und durchdachtes Design miteinander verbunden. So hat unsere gemeinsame Liebe zum Handwerk und zur Community unsere Zusammenarbeit mit Sanrio® sowohl bei FigJam als auch weltweit geprägt.
Wie wir Hello Kitty® and Friends zu Figma brachten teilen
Hello Kitty, die bekannteste Figur von Sanrio, ist seit über 50 Jahren eine weltweite Kulturikone. Sie wurde 1974 entworfen und feierte 1975 ihr kommerzielles Debüt auf einem kleinen Geldbeutel aus Vinyl. Im Laufe der Jahre kamen weitere bekannte Figuren hinzu, und heute umfasst das gesamte Sanrio-Universum mehr als 450 Figuren.
Bei Sanrio®, dem Unternehmen hinter Hello Kitty® and Friends, ist nakayokueine leitende Philosophie. Dieser Grundgedanke, der grob übersetzt so viel bedeutet wie „alle kommen gut miteinander aus“, basiert auf der Überzeugung, dass niemand in Isolation gedeihen kann und dass das Teilen von Glück die Menschen einander näherbringt. Derselbe Grundsatz gilt auch für Figma. Figma war schon immer Multiplayer, von den ersten geteilten Cursorn im Browser bis hin zum Designen mit coden auf der Arbeitsfläche. Wir sind davon überzeugt, dass es mehr Freude macht, Dinge gemeinsam zu gestalten als allein, und wir haben festgestellt, dass die Zusammenarbeit zwischen Design und Programmierung dazu beiträgt, Ideen weiter voranzutreiben.
„Wir haben eine natürliche Verbindung zwischen der Art und Weise, wie Sanrio Menschen zusammenbringt, und unserer Vorgehensweise erkannt“, sagt Jordan Scott, Head of Community Experiences bei Figma. Die Figuren von Sanrio verbinden Fans auf der ganzen Welt, und dieses Gefühl der Zusammengehörigkeit erstreckt sich auch auf die Figuren selbst, wobei Hello Kitty® Teil eines größeren Freundeskreises ist. „Hello Kitty ist stärker, weil sie von dieser ganzen Gruppe von Figuren umgeben ist“, sagt Jordan. „In Figma arbeiten wir besser, weil wir alle in den selben Dateien arbeiten und zusammenarbeiten.“
Die Liebe zum Detail, die hinter den durchdachten Figuren von Sanrio steckt, schien auch perfekt zur Figma-Community der Designer zu passen. Deshalb arbeiten wir mit Sanrio zusammen, um Freundschaft und Spielspaß in FigJam und darüber hinaus zu bringen. Ab dem 1. November werden Hello Kitty and Friends eine Woche lang bei FigJam dabei sein. Dort könnt ihr eine von 12 Sanrio-Figuren auswählen, die euch bei euren Brainstormings begleitet. Die Feier erstreckt sich auch auf ein kostenloses Pop-up zu Ehren von Hello Kittys Geburtstag, das vom 6. bis 8. November in New York City stattfindet, zusammen mit Community-Treffen auf der ganzen Welt.
Um Hello Kitty and Friends auf deiner Arbeitsfläche einzufügen, klicke einfach auf das Symbol mit Hello Kittys charakteristischer Schleife in der Symbolleiste (siehe Abbildung oben), um eine Figur auszuwählen. Jede Figur hat ihr eigenes Motiv, sodass sich dein Cursor, das Washi-Tape und die Notizen entsprechend anpassen.
Platz für Freunde in FigJam schaffen
FigJam war schon immer ein Ort, an dem sich Freunde und Kollegen treffen können, um sich (und ihr Feedback) mithilfe von Funktionen wie Musik, kreativen Stempeln und Emojis auszudrücken. Damit ist es auch der perfekte Ort für Hello Kitty and Friends. Es erforderte viel Sorgfalt, jede Figur auf dem Whiteboard unterzubringen, und das Team, das sie in Empfang nahm, erhielt Unterstützung von einigen alten Freunden: FigPals. Die FigPals wurden im April 2025 als limitierte Auflage eingeführt und waren individuell anpassbare Begleiter, die dem Cursor in deinen Figma-Dateien folgten. Auch wenn unsere FigPals nur noch als Schlüsselanhänger und in Sticker-Sets weiterleben, hat das Team einige der gleichen Frameworks wiederverwendet, um Hello Kitty and Friends in FigJam zu integrieren.
FigJam-Interaktionsdetails:
→ Klicke auf eine Figur im Auswahlfenster, um dessen Pose zu ändern.
→ Lass Konfetti mit Sanrio®-Motiven aus der Darstellung deiner drei Lieblingsfiguren in deinem Community-Profil regnen.
→ Beobachte, wie Hello Kitty mit Konfetti auftaucht, während die Datei bei aktiviertem Charaktermodus geladen wird.
Da ein Teil der technischen Grundlagen bereits geschaffen war, konzentrierten sich die Produktdesigner und Ingenieure darauf, dem Erlebnis einen unverwechselbaren Hello Kitty and Friends-Charakter zu verleihen. „Ein Großteil der Arbeit kam tatsächlich aus dem nichttechnischen Bereich“, sagt Cynthia Jia, Softwareentwicklerin bei Figma. „Herauszufinden, wie die Erlebnisse der einzelnen Figuren aussehen sollten, und sie auf eine Weise zu gestalten, die typisch für Sanrio ist – das war der Teil, der am meisten Arbeit gekostet hat.“
Diese Arbeit begann mit einer schwierigen Entscheidung: Welche 12 dieser Hunderten von Sanrio-Figuren sollten es in FigJam schaffen? Die Produktdesigner und Entwickler von Figma trafen ihre Auswahl anhand der Wiedererkennbarkeit und Beliebtheit der Figuren und entschieden sich schließlich für eine Besetzung, zu der Charaktere wie Hello Kitty, My Melody und Tuxedosam gehören. Nachdem diese Entscheidung gefallen war, war es an der Zeit, sich auszumalen, wie weit sie die Grenzen ihrer Kreativität ausreizen konnten.
Das Team begann damit, zu untersuchen, wie sich die Persönlichkeit der einzelnen Figuren in FigJam zum Ausdruck bringen ließe, und stützte sich dabei auf Hunderte von Charakterillustrationen, Icons und Hintergrundbildern, die von Sanrio zur Verfügung gestellt wurden. „Es war einfach toll, diese riesige Bibliothek an Assets zur Verfügung zu haben“, sagt Produktdesignerin Samantha Mah. Sie hatten Spielraum zum Experimentieren, solange die Figuren beim Vergrößern oder Verkleinern ihre Proportionen und relativen Größen beibehielten.
Die Tools:
Das Team nutzte eine Reihe von Figma-Produkten, um das Erlebnis zu gestalten, darunter Figma Motion für eine Ladeanimation und den Figma-Agenten für die Bearbeitung kleinerer Mengen.
Für Amelia Goodman, Figma-Entwicklerin und langjähriger Hello-Kitty-Fan, bestand der Reiz darin, herauszufinden, wie viel Freude sie in ein Tool bringen konnten, das Menschen für ihre Arbeit nutzen. „Bei diesem Projekt gab es so viel Spielraum, um zu experimentieren und Spaß zu haben“, sagt sie. Das bedeutete, Spielmöglichkeiten in dem Tool zu finden, das die Menschen ohnehin schon nutzen, um gemeinsam Ideen zu entwickeln und kreativ zu sein.
Benutzer*innen können ihre drei Lieblingsfiguren von Sanrio in ihren Community-Profilen in einer interaktiven Darstellung im Polaroid-Stil mit einem individuellen Hintergrund präsentieren. Zudem bieten Community-Dateien zum Thema Sanrio wie Folienvorlagen, Malbücher und eine allgemeine Testumgebungsdatei weitere Möglichkeiten, Inhalte zu erstellen und mit Freunden zu teilen.
Das Team nutzte Figma, um die Vorlagen von Sanrio in skalierbare Vektorgrafiken umzuwandeln und die Details der Benutzererfahrung für jede Figur auszuarbeiten. Sanrio stellte für einige Figuren bis zu 40 Posen zur Verfügung, von Sprüngen und Drehungen bis hin zu Tanzbewegungen. Anschließend entschied das Team, welche Bewegungen als Sticker umgesetzt werden sollten, und fügte zudem eine kleine Überraschung hinzu: Wenn man im Auswahlfenster auf die Vorschau einer Figur klickt, nimmt diese eine andere Pose ein.
Daraufhin entwarf das Team charakter-spezifische Washi-Tape- und Notiz-Paletten und benannte die Farben der Notizen nach Details aus den Hintergrundgeschichten der Figuren und ihren Freundschaften, die eingefleischte Fans vielleicht wiedererkennen. So heißt beispielsweise Pochaccos Farbpalette „Läufer-Rot“ in Anspielung auf seinen sportlichen Charakter, und Tuxedosams Farbpalette trägt den Namen „Fliegen-Rosa“ zu Ehren seiner Fliegensammlung, die Gerüchten zufolge mehrere Hundert Exemplare umfasst.
Weitere Einzelheiten kamen hinzu, als sie ihre Ideen gegenseitig weiterentwickelten. Mit einem Klick erscheint eine Konfettiregenschauer aus kleinen Sanrio-Icons, und während eine Datei geladen wird, taucht Hello Kitty auf, um „Hallo“ zu sagen. Mit den Selfie-Rahmen im Sanrio-Stil lassen sich die Figuren auch in FigJams Fotoautomaten-Widget integrieren.
Die Feier IRL erleben
Mehr als 60 Community-Treffen weltweit bieten Designern die Möglichkeit, in ihrer Nähe neue Freunde zu finden. Diese zwanglosen Treffen werden von den „Friends of Figma“-Gruppen und den Figma Campus Leaders organisiert und dienen in erster Linie dem gegenseitigen Kennenlernen.
Für Kelley Sauer, Manager of Experiential Events bei Figma, bedeutete die Zusammenführung der Communities auch, ihnen einen Ort zu bieten, an dem sie sich treffen können. „Es ist etwas Besonderes, ein digitales Erlebnis in die reale Welt zu übertragen, damit die Menschen es im echten Leben erleben können“, sagt Kelley. „Angesichts des verspielten Charakters von Sanrio und der Bedeutung, die das Unternehmen der Freundschaft und der Gemeinschaft beimisst, war uns klar, dass etwas Persönliches stattfinden musste“, fügt Jordan hinzu.
Die Feierlichkeiten erstrecken sich über ganz New York City und darüber hinaus, von einem kostenlosen Geburtstags-Pop-Up-Store für Hello Kitty in der Nähe des Union Square, wo Besucher einen mysteriösen Sanrio-Figure-Schlüsselanhänger personalisieren, exklusive Werbegeschenke erhalten und Matcha von einem Keroppi-grünen Truck bestellen können, bis hin zu thematischen Friends of Figma -Treffen auf der ganzen Welt. Die Andenken greifen eine weitere Verbindung zwischen den Communities auf: die Freude am Sammeln von durchdacht gestalteten Fanartikeln. Figma-Fans stehen Schlange für neue Veröffentlichungen auf der Config, unserer jährlichen Konferenz, genauso wie Sanrio-Fans auf der Suche nach speziellem Figur-Merchandise sind. Sogar die Getränke werden in limitierten Bechern mit verschiedenen Charaktermotiven serviert.
Exklusive Werbeartikel, die im Pop-up-Store angeboten werden, umfassen:
→ Sanrio-Figuren-Schlüsselanhänger, die Figma-T-Shirts tragen
→ Figma × Hello Kitty and Friends-Stickerpakete mit neuen Motiven der Sanrio-Figuren, die mit Figma-Glyphen interagieren
→ Sweatshirts in limitierter Auflage mit drei Figuren-Aufnähern deiner Wahl für die ersten 150 Besucher pro Tag
→ Sammelbare Matcha-Truck-Becher mit Überraschungsmotiven
Das Team legte von Anfang an größten Wert darauf, etwas zu entwickeln, das für Sanrio-Fans ebenso etwas Besonderes sein würde wie für die Figma-Community. „Wir möchten ein Erlebnis schaffen, das unserer Community ebenso viel Freude bereitet wie der Sanrio-Community“, sagt Jordan. „Wir glauben, dass es wahrscheinlich eine natürliche Überschneidung zwischen Menschen gibt, die sich für Sanrio begeistern und gleichzeitig recht kreativ sind. Hoffentlich finden sie das spannend.“
The Old Friend Fotokabine in Manhattan, eine beliebte analoge Schwarz-Weiß-Fotokabine im Stil der 1970er Jahre, macht mit und bietet vom 6. bis 7. November Fotostreifen mit Figma- und Sanrio®-Motiven an.
Zwei kreative Welten zusammenbringen
Die Figma-Markendesigner Chelsea White und Jefferson Cheng waren dafür verantwortlich, dem Pop-up-Store in New York City das passende Erscheinungsbild zu verleihen. Sie haben alles gestaltet, von den Möbeln und Oberflächen bis hin zur Beschilderung sowie den Anzeigen und Plakaten, mit denen die Gäste zur Party eingeladen wurden.
Jefferson ging an die Sache heran, wie er es bei allen Projekten tut: mit einem Leitstern, der ihm den Weg weist. „Ich wollte, dass es sich wie eine Verbindung dieser beiden sehr ikonischen und grafisch geprägten Marken anfühlt“, sagt Jefferson über die Zusammenarbeit mit Sanrio. „Wie können wir das so präsentieren, dass es bei einem Designer-Publikum Anklang findet?“
Die beiden Marken hatten bereits viele Gemeinsamkeiten. „Es gibt Elemente von Sanrio, die mit den markanten Formen und Farben der Figuren genau zu unserer Marke passen“, sagt Jefferson. Die Kombination von Figma-Illustrationen mit Sanrio-Figuren gab dem Team Spielraum, innerhalb dieser gemeinsamen Sprache zu experimentieren. „Die Sanrio-Figuren bestehen größtenteils aus einfachen Formen, und diesen Geist der Formen lassen wir auch in unserer Marke einfließen“, sagt er. „Wenn wir beides zusammenführen, ergibt das Sinn.“
Bei den Plakaten und Anzeigen in New York City haben Jefferson und Chelsea die Gesichter der Figuren so stark herangezoomt, bis sie fast zu abstrakten Anordnungen aus Formen und Farben wurden. „Wenn man sie so stark vergrößert, wird die Figur zwar abstrakt, aber es gibt auch viele leicht erkennbare Elemente“, sagt Jefferson. Selbst in dieser Größe macht die Schleife von Hello Kitty sie unverkennbar.
Rund um den Union Square und in der unmittelbaren Umgebung werden mit Kreide gemalte Wegweiser angebracht, die Passanten kurz darüber informieren, was es bei dem Pop-up zu sehen gibt und wo es zu finden ist.
Im Inneren des Pop-Up-Stores spielten sie erneut mit dem Maßstab und vergrößerten die winzigen Icons, die zu jeder Figur gehörten, zu einem Wandbild, darunter auch eine Erdbeere, die mit der beliebten Hasenfigur My Melody in Verbindung steht. Aus der Nähe betrachtet verwandeln sich diese kleinen Illustrationen in riesige Grafiken, die die dahinterliegenden Vektorlinien und -formen zur Geltung bringen.
Auch bei der Auswahl der Möbel wurde viel Wert auf Details gelegt. In Zusammenarbeit mit dem Partnerunternehmen entwarf das Team mehrstufige Sitzblöcke, auf denen mehrere Personen gemeinsam Platz finden können, und übertrug dabei die markanten Formen und kontrastreichen Farben der Grafiken von den Wänden in den Raum. „Wir haben mit wirklich kräftigen Farbakzenten gespielt, wo Sanrio und Figma aufeinandertreffen, damit sie auf ganz wunderbare Weise dieselbe Sprache sprechen“, sagt Chelsea. Das Ergebnis ist ein Ort, der Fans beider Welten vertraut erscheint und an dem man sich hinsetzen und neue Freunde finden kann.
Unsere Sanrio-Kollaboration beinhaltet:
- Hello Kitty and Friends jetzt bis zum 8. November in FigJam
- Eine kostenlose Pop-up-Party vom 7. – 8. November, 10 – 18 Uhr ET, in der 12 East 14th Street, New York
- Kostenlose Fotostreifen mit Figma- und Sanrio-Motiven an der Old Friend Fotokabine vom 6. – 7. November, jeweils von 10 – 22 Uhr (ET), in der 145 Allen Street, New York
- Über 60 Treffen in der Community auf der ganzen Welt durch Friends of Figma und Figma Campus Leaders
