DesignOps without Boundaries: Building More with What You Have
Summary
What happens when your design tools can’t keep up? We’ll share how we’ve helped teams scale complex design systems—without buying new tools—by building custom solutions that integrate directly into existing workflows. Learn how a flexible, API-driven approach can streamline operations, adapt to unique challenges, and scale with your needs. Leave with practical strategies for overcoming tool limitations and driving continuous improvement in your DesignOps practice.
Key Insights
-
•
Large B2B enterprise products with dozens of sub-products require robust, scalable design ops practices to maintain consistency.
-
•
Legacy design systems from acquisitions often create messy, bloated Figma files and inconsistent component usage.
-
•
Figma's native variable mode limit of 40 is inadequate for complex needs like multiple devices, themes, and generational differences, requiring innovative workarounds.
-
•
A three-layer variable structure—foundation, themes, and product design system files—enables scalable management of colors, typography, and other primitives.
-
•
Clear documentation and a unified workspace with well-managed access reduce onboarding time and design inefficiencies.
-
•
Neuron’s custom 'variable sync' tool uses Figma’s REST API to push and pull variable data, syncing design tokens directly with Storybook and front-end JSON repositories.
-
•
Batch editing and moving variables without breaking dependencies is critical for efficient rebranding and theme management.
-
•
Managing design systems as federated yet centralized processes with controlled points of change improves coordination between design and engineering leads.
-
•
AI-driven generation of production-ready React components from Figma files, shown in a follow-up session, indicates a maturing bridge between design and code.
-
•
Internal R&D time, as emphasized by Alex Kirche, is essential to develop sustainable design ops processes that work across multiple teams and projects.
Notable Quotes
"It’s often large B2B enterprise products that really warrant the most from some robust design ops practices."
"Even the most mature organizations tend to be on the nascent end of design ops maturity, and that leads to duplicated work and inconsistent user experiences."
"They really needed to take a serious look at their 500 plus variables and get better about their collections."
"Figma natively only allows 40 variable modes, but our client required around 90 different modes to handle age groups and device types."
"The variable sync tool we built is not a commercial product; it’s a utilitarian sync layer to overcome Figma’s limitations and connect design to engineering."
"Changes made in this sync tool migrate to Figma and vice versa, enabling a federated push-pull system managed by design and engineering leads."
"Batch edits allow updating multiple variables at once and moving them between design systems without losing their connection to the foundation file."
"Having a single workspace for the branded house makes it easier for designers not to dip and dive between spaces, reducing complexity."
"Alex has been instrumental in setting the internal standards, and many team members have adopted his approach for consistency."
"Using AI tools like Cursor to create React components from a well-documented Figma file helps close the gap between design and code."
Or choose a question:
More Videos
"I love that it is a larger enterprise company but still with a little bit of the pros that you get from having a startup where things are not too structured."
Kurdin Bazaz Liz Rytting Alex KarrCulture, DIBS & Recruiting
June 10, 2021
"You don't know if you're successful until your users are successful in accomplishing their goals using your product."
Jack MoffettUX Metrics That Matter and The Future of our Design at Scale Conference: A Community Conversation
September 22, 2022
"Buffalo is the city of good neighbors—people immediately asked how they could help after the tragedy."
Kyria Stephens Marlon KernerPower to Heal: Civic Design in the Aftermath of Tragedy
November 17, 2022
"The research-practice gap frustrates me, and I try to bridge it when it makes sense to."
Lin NieWhen Thought-worlds Collide: Collaborating Between Research and Practice
March 10, 2021
"Just start building a quick little service to get a taste of what this technology can do."
Greg NudelmanDesigning Conversational Interfaces
November 14, 2019
"Not everyone is necessarily asking to be empowered or ready to be empowered when launching these programs."
Trisha TerharEmpathizing with the Empowered: Non-Researcher Responses to Democratization
March 10, 2022
"Code is definitely considered the source of truth; we're working hard to make Figma an extension of that."
Charles Lee Jennie YipBuilding a New Home for the Atlassian Design System
October 22, 2020
"As soon as I started writing stories down, more memories came back from all over my research career."
Steve Portigal Susan Simon-Daniels Tamara Hale Randolph Duke IIWar Stories LIVE! Q&A-Discussion
March 30, 2020
"Go meet someone new at this conference and set up a coffee chat next week."
Deanna Washington Bria Alexander Jon Fukuda Saara Kamppari-Miller Farid SabitovConnecting the Ops: Plenary Panel and Closing Circle
September 9, 2022