Skip to content
Episode 16 1 hour 4 minutes

Design Systems at Scale – With Stefano Magni (Preply)

Key Takeaways from our conversation with Stefano Magni

Stefano Magni

Senior Front-End Engineer & Tech Lead at Preply

Señors @ Scale host Neciu Dan sits down with Stefano Magni, Senior Front-End Engineer and Tech Lead at Preply, to unpack what it takes to build and measure a design system for a global learning platform. From managing technical debt and accessibility to driving a culture of public work and data-driven engineering, Stefano shares lessons from 15+ years in frontend development.

🎧 New Señors @ Scale Episode

This week, I spoke with Stefano Magni, Senior Front-End Engineer & Tech Lead at Preply, about what it really takes to build and scale a design system that serves millions of learners worldwide.

We covered everything from rebrands and metrics to culture and collaboration — and why working in public can transform your career.

⚙️ Main Takeaways

1. Your career = skills + reputation + network.
Stefano’s core belief: if you ignore any of these three, you limit your growth. Working in public builds the reputation and network part most engineers neglect.

2. Design System Visual Coverage.
Preply measures the real impact of its design system by tracking what percentage of the UI comes from system components — a data-driven approach to adoption.

3. Building fast meant technical debt — intentionally.
During Preply’s massive rebrand, the team shipped quickly with Radix UI and accepted debt consciously to meet deadlines, planning future cleanups in advance.

4. Pragmatism over perfection.
Pixel-perfect is nice, but at scale, pragmatism wins. The key is knowing what matters and what can wait without compromising experience.

5. Managing large codebases without tests.
At WorkWave, Stefano learned how to maintain 250k+ LOC apps safely using strict TypeScript patterns and consistency — not tests — as the safety net.

6. Metrics drive everything at Preply.
Every initiative — from UI improvements to accessibility — ties back to measurable outcomes. “You don’t just build something; you build it to move a metric.”

7. Accessibility through measurement.
Accessibility violations are tracked directly from users’ devices, creating accountability and visibility company-wide.

8. Engineering Excellence is now cultural.
Preply evolved from a “hackers” culture to one of Keep Perfecting — prioritizing quality, accessibility, and speed without sacrificing long-term scalability.

9. Duplication beats bad abstraction.
Stefano argues that a few well-understood duplications are better than the wrong abstraction. Clean code isn’t always DRY — it’s maintainable.

10. Public work accelerates careers.
From Stack Overflow to conference talks, Stefano shows how sharing your process publicly compounds into reputation, opportunities, and impact.

🧠 What I Learned

  • Metrics give direction — not judgment.
  • Accessibility and performance should be tracked like business KPIs.
  • Teaching is the best way to master your craft.
  • Duplication done right can be an act of clarity.
  • Public work is career leverage disguised as learning.

💬 Favorite Quotes

“Your career depends on three things — your skills, your reputation, your network.”
“Design is an approach, not a role.”
“We intentionally created technical debt — because we had to deliver.”
“Duplication isn’t the enemy. Wrong abstractions are.”
“It’s not about what you know or who you know. It’s about who knows you and what they know you can do.”

🎯 Also in this Episode

  • How Preply rebranded 70% of its product in one cycle
  • Why frontend engineers need to think socially
  • The hidden value of data-driven experimentation
  • Building for accessibility at scale
  • Engineering culture shifts — from hacking to perfecting

🎧 Listen Now

🎧 Spotify
📺 YouTube
🍏 Apple Podcasts

Episode Length: 1h 4m on design systems, engineering culture, and public work at scale.
If you care about design systems, accessibility, or how engineering culture evolves with scale — you’ll enjoy this one.

Happy scaling,
Dan

💡 More Recent Takeaways

Hypermedia at Scale with Carson Gross
Episode 53

Señors @ Scale host Neciu Dan sits down with Carson Gross, creator of HTMX, principal at Big Sky Software, and computer science professor at Montana State University. Carson has been programming for more than 30 years, from HyperCard on a family Mac to Excel macros for an industrial engineering firm, a JVM language called Gosu, a Rails startup, and the 2012 library Intercooler.js that he rewrote without jQuery during COVID and released as HTMX. His argument is that the web was built as a hypermedia system, that links and forms are control logic living inside the document, and that most of what we call REST today fails the one constraint Roy Fielding cared about. He also covers which apps HTMX is wrong for, what changed in HTMX 4 and why 3 was skipped, and why his students now sit pencil and paper exams. It is a conversation about using the browser as the hypermedia client it was built to be.

Performance at Scale with Ryan Townsend
Episode 52

Señors @ Scale host Neciu Dan sits down with Ryan Townsend, Principal Product Manager for Performance at Cloudflare, where he owns real user monitoring and the wider performance measurement remit. Ryan has over 20 years in web technology and a decade as a CTO: he co-founded Shift Commerce, the first enterprise scale headless SaaS, and was CTO of Matalan Direct after the business he built came second in Shopify's Build a Business competition with only three months of trading. We cover why the 'Rails doesn't scale' story was always a myth, the resume driven development he kept finding as a fractional CTO, the personalization script that claimed zero performance impact and cost seconds at P90, and how Shift ran over 99% cache hit ratios by splitting the anonymous page from the basket.

Design Systems at Scale with Szymon Chudy
Episode 51

Señors @ Scale host Neciu Dan sits down with Szymon Chudy, Software Engineer at Netflix on the Hawkins team, which builds the design system behind thousands of internal applications used to produce the shows you watch. Before Netflix, Szymon spent two and a half years at Lokalise, growing from senior to staff frontend engineer and leading frontend direction across teams, and before that he toured Poland as a reggae guitarist while freelancing as a web developer in the off season. From why the source of truth for a design system lives in code, to Hawkins Consumer versus Hawkins Professional, to the UI paved road that changes what freedom and responsibility mean at Netflix, to measuring the team on adoption rate and shipping codemods and agent skills for every breaking change, to what being an informed captain who farms for dissent means in practice, this is the design system conversation for anyone maintaining a platform other engineers have to choose to use.

Agentic Systems at Scale with Vilva Athiban
Episode 50

Señors @ Scale host Neciu Dan sits down with Vilva Athiban, Lead AI Engineer at Omio, one of Europe's leading travel platforms, where he architects and ships agentic AI systems in production. Vilva designed and delivered Omio AI, along with the MCP integrations that connect AI agents to the company's systems. He never set out to switch from JavaScript to AI: in June 2024 Omio picked two people to start an AI team reporting to the CEO and CTO, and he learned on the job, from his first API call to an LLM up to a consumer-facing agent whose backend runs on nothing but MCP. From why a bigger model with medium thinking came out cheaper than the mini, to capping tool calls because LLMs are built for token maxing, to the whale hunting request that showed his team guardrails are subjective, this is a conversation about what production agentic systems look like once the tutorials run out.

📻 Never Miss New Takeaways

Get notified when new episodes drop. Join our community of senior developers learning from real scaling stories.

💬 Share These Takeaways

Share:

Want More Insights Like This?

Subscribe to Señors @ Scale and never miss conversations with senior engineers sharing their scaling stories.