DesignOps without Boundaries: Building More with What You Have
Summary
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
"Always communicate next steps, timelines, and delays honestly with candidates; they will appreciate it and stay engaged."
Corey LongHiring in DesignOps: A Critical Study on How to Hire and Get Hired
September 23, 2024
"Prototyping is not about usability, it’s about exploring the idea."
Gretchen AndersonScaling the Human Center
June 8, 2017
"Politics, you gotta play politics. They’re a necessary evil to get things done."
Lori Muszynski Peter MerholzKeeping Design Weird
October 2, 2023
"Screen readers let us jump directly to content, replicating visual skimming of a web page."
Sam ProulxSUS: A System Unusable for Twenty Percent of the Population
June 9, 2021
"Building more ethical, responsible, and humanistic forms of technologies requires diverse and interdisciplinary conversations."
Prayag Narula Rida QadriHCI 2.0: Humanity Deserves the Attention that UX Research has to Offer
March 28, 2023
"More frequent change isn't always better; good communication and team pulse are key."
Deanna SmithLeading Change with Confidence: Strategies for Optimizing Your Process
September 23, 2024
"Having empathy hours where different people across the org listen to user insights helps build better understanding and skills."
Lija HoganDoing more with more: Lessons from the Front Lines of Democratization
March 9, 2022
"The Apple 3GS and the accessibility that was developed by Apple was a massive shift."
Sam ProulxTo Boldly Go: The New Frontiers of Accessibility
March 11, 2022
"A little color purple to start the day. Good morning."
Bria AlexanderOpening Remarks
October 3, 2023
