Permanent Collection

Oddfellows Weave Together Design and Code for Figma

Posted on Tuesday, August 25, 2026

ECDs Colin Trenter and Chris Kelly lead the Oddfellows’ motion team in crafting an anthem video for Figma showcasing how design and code need each other, and challenging the notion that the end of design may be nigh.

From Oddfellows: The film redefines the relationship between design and code, showing how they coexist as one interconnected practice. Design isn’t just alive, it leads the practice, while code empowers it.

The result is a distinctive piece that resonates with both design and engineering audiences, blending an aspirational vision of creativity with the craft of building It premiered at Figma’s Config 2026 event in NYC before the opening speech by CEO Dylan Field.

“Design isn’t just alive, it leads the practice, while code empowers it.”

The anthem begins in a primitive world where design and code live apart, awkwardly trying to relate to one another before a common language exists. Code is reimagined as a fluid design material, no different from color, texture, typography, or pattern. These elements are not separate disciplines, but parts of a single creative language.

With code and design working seamlessly together, ideas flow freely. Instead of waiting to be implemented, they become an integral part of the collaborative design and development process.

We then return to familiar ground with a new understanding: code and design have always belonged together. With code as a creative material, design leads the way, allowing curiosity and creativity to shape what comes next. The finale of the video offers a vision of what’s possible, empowering the audience to carry it forward.

Images

A collage of colorful abstract shapes and graphic patterns on pastel backgrounds, arranged in a grid over a light pink surface, with a glowing green square in the center—evoking the vibrant visual style of the Figma Config 2026 Anthem video by Oddfellows. Frame from Stash Magazine article.

A grid of overlapping translucent rectangles with a mesh texture, reminiscent of Figma’s interface, is overlaid by 23 bright yellow dots arranged in a loose, irregular pattern on a black background. Frame from Stash Magazine article.

Abstract pattern with black, white, and green dots on a green background, featuring symmetrical shapes and a pink star-like center, surrounded by light green and yellow curved elements—evoking the playful spirit of Oddfellows within a design that feels at home in Figma’s creative universe. Frame from Stash Magazine article.

Abstract geometric shapes in black, blue, and pastel colors overlay a cloudy sky and calm ocean scene, creating a surreal, symmetrical composition with mirrored cloud borders—a dreamy visual reminiscent of an Oddfellows animation or a Design is Dead-inspired Figma creation. Frame from Stash Magazine article.

Abstract digital art showing colorful, overlapping rectangles and squares on a black background, arranged symmetrically with curved lines and patterns creating a sense of depth and movement—reminiscent of the bold visual storytelling seen in Oddfellows projects or the clean interface designs crafted with Figma. Frame from Stash Magazine article.

Credits

Client: Figma

Production: Oddfellows
ECD: Colin Trenter, Chris Kelly
EP: Erica Kelly
CD: Jarratt Moody
Art Director: Yuki Yamada
Senior Producer: Lisa Rakke (Edwards)
Associate Producer: Corey Stafford-Drew
Designer: Yuki Yamada, Pete McDonald, Chris Markland, Brooke Niblock, Mariah Barnaby-Norris, Giacomo Bagnara
Animator: Eli Ayres, Mélina Poiré, Mathieu Dellabe, Mantas Graužinis, Giuseppe Laezza, Giovanni Weissman
Creative Technologist: John Cherniack

Audio: Sounds Like These

Stephen Price

Stephen is the co-founder/CD of Stash Media Inc. and the executive editor of Stash Magazine and the Stash Permanent Collection.
Follow on LinkedIn, X, and Instagram

Category: Brand film, Featured, Motion Design · Tags: Chris Kelly, Colin Trenter, Figma, Oddfellows, Sounds Like These