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
"Think of a creative professional as an ideas athlete or a creativity Olympian."
Dr. Karl JeffriesThe Science of Creativity for DesignOps
January 8, 2024
"I never want to walk into a review with my stakeholders at the SVP level and see something for the first time."
Amy MarquezINVEST: Discussion
June 15, 2018
"When you look at data without training, confirmation bias makes you just find what you already believe."
Steve Portigal Chris Chapo Kelly Goto Christian RohrerDiscussion
May 13, 2015
"Constant communication is necessary; agreement emails can’t be one-and-done."
Alicia MootyDesign Staffing Models
September 30, 2021
"The only rule is to maintain your smile and just to feel the being that have fun."
Ana Maria Montero Barrantes Aditi Dhar Michelle Kaplan Nate Osborne Matt LaurenceThe Authentic UX Talent Show
January 8, 2024
"Stakeholders start demanding better digital experiences at work because they expect the same quality they have at home."
Lada Gorlenko Sharbani Dhar Sébastien Malo Rob Mitzel Ivana Ng Michal Anne RogondinoTheme 1: Discussion
January 8, 2024
"The legacy of folders and nested structures causes real problems in finding research and scaling repositories."
Sofia QuinteroThe Product Philosophy Behind EnjoyHQ
March 10, 2021
"People don’t actually hate innovation; they like their jobs and feel threatened by change."
Laura KleinUnique challenges of innovation in enterprises
April 23, 2020
"You’ve got to take control of the backlog and position your team as value-driven, not just servicing individual teams."
Andrew MichaelBuilding a Product Insights Team
March 10, 2022
