Lukas Oppermann's Avatar

Lukas Oppermann

@lukasoppermann.com

Design @Github / opinions are my own #DesignSystems #DesignTokens #UX #accessibility πŸ’­ writing http://medium.com/@lukasoppermann β˜•οΈ coffee lover πŸ₯ dad (he/him)

555
Followers
109
Following
260
Posts
13.06.2023
Joined
Posts Following

Latest posts by Lukas Oppermann @lukasoppermann.com

Preview
Estimates – a necessary evil? Product Owner: Hey, how long do you believe Feature F will take? Developer: Idk. We haven’t even started working on it and it’s bound to stir up some old issues.

Estimates: ift.tt/tAxhF49 necessary but misused.

See them as best guesses, not as solid prediction & promises. Instead of tying a release to a date, focus on the work and ship when you are ready. Focus on smaller batches & frequent delivery for improve handling of tech debt & dependencies.

06.03.2026 17:45 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Why Federated Design Systems Keep Failing Why do federated design systems keep failing? I watched it happen twice at Spotify. Here's what actually happened, where they broke down, and why centralised models usually work better.

Why you shouldn't build a federated #designSystyem: buff.ly/5ObCfnA by @shaunbent.co.uk

DS are already challenging. Don't make them harder than they need to be.

I also feel this: ... thinking tends to emanate from leadership, often abstracted away from details of running a design system.

04.03.2026 17:26 πŸ‘ 3 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Context is King Why your tech stack matters less than the context you give your AI

#Context beats #techStack for your #ai #agent: buff.ly/Kz4osFc

Don't change your stack to what is supposedly working best with AI. Any modern stack works with AI. Running into issues? Just provide a little bit more context, explain when to use what token, or provide access to component API docs.

02.03.2026 17:33 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

This article buff.ly/CEhRZQW argues that the best way to deal with #LLMs is the same way as dealing with people:

- clarity
- explicit knowledge
- tight feedback loops
- shared standards
- vigilant error-catching

This means we have the tools to deal with #AI, but may need to adjust our expectations

02.03.2026 07:34 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Accessible by Design: The Role of the 'lang' Attribute - HTMHell A collection of bad practices in HTML, copied from real websites.

Today I learned of the importance of the lang attribute ilo.im/168yc1 thanks @matuzo.at

- tells browsers, screen readers & translation tools page language
- if missing: assistive tech guesses (system settings) β†’ mispronounced, garbled speech, bad translations & incorrect typographic details

27.02.2026 17:45 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Double Click: What Does It Mean To Be A Designer In The Age Of AI? | Figma Blog As workflows shift what happens to job titlesβ€”and the ways of working and sense of identity that comes with them?

Insightful piece by @figma.com buff.ly/omcdFqZ on #designers in a world with #AI.

- curiosity, framing problems, & crafting experiences are still important
- Jobs are β€œbundles of tasks” requiring multiple skills
- more folks can β€œdo design,” that doesn’t eliminate the need for deep expertise

25.02.2026 17:26 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Generating Utility Classes from Design Tokens using Style Dictionary Generate Utility Class CSS from design tokens using Style Dictionary for seamless design-to-development workflows and collaboration and snowflakes.

#AI brings utility #CSS back into the spot light, so here is how you can turn your #designTokens into utility classes: buff.ly/XD5onwu by @sturobson.com

Why? Utility classes are a middle ground between rigid components and ad‑hoc CSS: you can move fast in markup without hard-coding raw values.

23.02.2026 17:33 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
The Math of Why You Can't Focus at Work Interruptions, recovery time, and task size: three numbers that determine if you'll get real work done. Interactive visualizations show the math behind bad days.

Read @can's buff.ly/FQloy9T It should be the only argument needed for remote work.

With notifications turned off I get a lot of focus time in my home office. Once I need a break I check slack, etc. Never got this in the office. Even people entering the room without talking get you out of focus.

20.02.2026 17:45 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Inclusive Design Principles Contributors: Henny Swan, Ian Pouncey, Heydon Pickering, LΓ©onie Watson

#InclusiveDesign isn’t just #a11y compliance, it’s designing for real people in real situations: permanent, temporary, and situational disabilities.

Principles like giving control, choice, and prioritizing content make products better for everyone:

18.02.2026 17:26 πŸ‘ 3 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Public design systems are worth it It’s incredibly valuable to make a design system available to all–no matter what the bean-counters say.

I share @pjonori's concern about #designSystems going private: buff.ly/n6nP01A.

Public design systems are great:
- Forces higher standards for your system
- Shows applicants what the company does
- External scrutiny adds feedback, improving the system
- Offers inspiration to other creators.

16.02.2026 17:33 πŸ‘ 6 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Design systems don’t kill creativity – our biases do - zeroheight Donnie D'Amato looks at the cognitive biases that go into the way we frame design systems, and how to make sure they don't creep into our work

Agree with buff.ly/z9Nj12w @zeroheight.com / @donnie.damato.design

Design systems empower creativity by handling predictable, repetitive components & patterns, enabling teams to focus on meaningful, novel work.
Systems are enablers coexisting with continual innovation, not blockers.

13.02.2026 17:45 πŸ‘ 3 πŸ” 1 πŸ’¬ 1 πŸ“Œ 0
Preview
3 practical ways LLMs can support design systems teams today - zeroheight

Managers love #AI, but it is often not ready and gets in the way of your day-to-day. @Zeroheight.com suggest some ways AI can be useful for #designSystem folks today buff.ly/AJJenPN

- turn docs into conversational UIs
- automate some boring maintenance tasks
- enhance tracking, feedback & insights

11.02.2026 17:26 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
What’s new in the Design Tokens spec: From static to living design data - zeroheight The Design Tokens spec reaches its first stable version, introducing modern color spaces, groups/aliases, and token resolvers to make design systems scalable and cross-platform.

#DesignTokens finally got a spec, here is what changed buff.ly/YyLttp2 by @zeroheight.com

- stable json format
- mode / theming support
- modern color formats (like oklch & display p3)
- separate alpha value for tokens
- referencing of tokens

Sadly still no way to change alpha for a ref

09.02.2026 17:33 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Components as Data How to define components independent of platforms to scale a system’s impact

Interesting thoughts on the #future of #designSystem #components buff.ly/B9APeii

Components as data. The benefits: components can be generated per platform, AI can easily build them. The down side: files get very large and complex, as do the workflows that build components from the data.

06.02.2026 17:45 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
The Importance of Code Comments for Modern AI Coding Assistants In an era where AI coding assistants have become indispensable development tools, the role of code comments has evolved from a simple best…

This article buff.ly/NrmWMJe argues that code comments are key for AI to understand code usage.

- Focus on intent, constraints & β€œwhy,” don't restate the code!
- Business rules & domain context.
- Edge cases, failure modes & non-obvious performance constraints.

04.02.2026 17:26 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Responsive Letter Spacing Minimizing the readability impact of a typographic brand requirement.

Static letter-spacing breaks responsivenessβ€”what works in print can harm web readability. @cloudfour.com reveals how to adapt letter-spacing for fluid, #responsive typography:

02.02.2026 17:33 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Running Multiple AI Agents at Once Using Git Worktrees Or how to get more productive with long running agents

Increase your #AI #productivity by running multiple local #agents on the same repo at the same time.

How?
Just read my post on using Git worktrees to make this possible:
β†’ buff.ly/xSwxvJp

Safely run agents on different branches without any risk of conflicts. Especially nice for long running tasks

28.01.2026 17:26 πŸ‘ 3 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Mapping what is in my head: turning invisible solutions into shared clarity In my head it’s all crystal clear. On a whiteboard? A mess of Post-its. Mapping is how chaos becomes clarity.

Use flow maps to visualize system problems. It's the best way to externalize your thoughts and ensure team alignment. buff.ly/NGlKo7W

Bringing your thoughts on paper uncovers different understandings that would have gone unnoticed if you just talk about it.

26.01.2026 17:33 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Using composability over inheritance to scale design systems - zeroheight Adam Sedwick explains why you should choose composability over inheritance to scale design systems, turning them into a resilient toolkit teams actually use.

I'm thinking about #Component composability atm, @zeroheight.com's
post buff.ly/BECCVrr came at the right time

Benefits:
- supports diverse products & edge cases
- Fewer one‑offs; teams can adapt components
- Feedback: real‑world compositions show which patterns to promote

23.01.2026 17:45 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Design tokens with confidence Why the W3C design token standard is your new foundation.

Design tokens finally are stable with W3C design token standard (2025.10). πŸ’Ž

Learn why this matters and how to
βœ… Automate migrations with AI
βœ… Setup your own w3c #designToken pipeline
βœ… Make it easy with style-dictionary-utils
βœ… future-proof your system

β†’ Get started now:

21.01.2026 17:26 πŸ‘ 3 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0
Preview
What Good Execution Looks Like Quiet execution means low operational noise, clear ownership and stable context, with delivery, reliability and human signals aligned.

In love with this description of good execution by buff.ly/cSM8gTH

Signs of Good Execution:
- Low operational noise
- Calm, manageable com channels
- Steady delivery & reliability metrics
- Teams correcting quickly, with visible progress
- Trust & clarity replacing chaos & crisis management

19.01.2026 17:33 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

If it does not work with the link below, let me know on linkedIn and I can send you a link.

19.01.2026 08:52 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
What is design quality? A closer look at what designers should strive forβ€Šβ€”β€Šand why it’s important.

I recently wrote about #designQuality buff.ly/zUdXwCY so naturally #NielsonNormanGroup writing about the same idea is very interesting too me:

β†’ buff.ly/BkvUDCe

They focus on alignment, hierarchy, intentional colors & consistent, with interesting examples.

14.01.2026 17:26 πŸ‘ 2 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
The AI coding trap | Chris Loy If you ever watch someone β€œcoding”, you might see them spending far more time staring into space than typing on their keyboard.

AI coding agents should be managed, guided & reviewed like very fast but junior engineer according to @chrisloy.bsky.social buff.ly/Ssn94q3

- AI Changes the Coding Process: Less coding, but more fixing
- Observed gains are a lot smaller than promised, 10% rather than 10x

12.01.2026 17:33 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Mission, Vision, poTAYto, poTAHto Mission, vision, purpose, BHAG. Are they useful north stars, or academic nonsense?

Mission, vision, North Star–it's often just jargon. To be useful, make them authentic & actionable. Clarity beats buzzwords: choose a purpose that’s real, a plausible vision with a timeframe, and milestones you can actually measure.

09.01.2026 17:45 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Animation that fails safely: Defensive design for motion-sensitive users A practical framework for designing and engineering safe, resilient, and inclusive motion

#Motion systems that "fail safely" by @adobe.com

Defensive animation is key for motion-sensitive users: cap duration, avoid infinite loops, provide emergency stops, honor β€œprefers-reduced-motion,” & offer static fallbacks. Accessible, resilient motion is good design:

07.01.2026 17:26 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Compressed Fluid Typography Β· Matthias Ott Matthias Ott is an independent user experience designer and web design engineer from Stuttgart, Germany. He also teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design.

New #FluidType by @matthiasott.com approach that deals with the issue of users changing their base font: buff.ly/OeXELrC

By introducing a damping factor, if the base font gets larger, the increase per step gets smaller avoiding overly large font sizes. Be aware of currently limited browser support

05.01.2026 17:33 πŸ‘ 3 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0
Preview
Good from Afar, But Far from Good: AI Prototyping in Real Design Contexts AI prototyping tools follow general directions but lack the judgment and nuance of an experienced designer.

I recently shared my opinion on using #AI: buff.ly/wltTmXg

Here are more use cases buff.ly/UNyNpZw like:
- brainstorming & concept exploration
- interactive prototypes for early testing

But:
- Require refinement
- introduce inconsistencies

02.01.2026 17:45 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
InclusiveColors - Accessible color palette creator Try it now to create your own color palettes!

Great #tool to generate #accessible #colorScales buff.ly/WnyH49r I built something similar at work, but never got around polishing it enough to open source it. Great to see @seanw.org did. ❀️

31.12.2025 17:26 πŸ‘ 4 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0
Preview
AI's Dial-Up Era It is 1995.

I'm definitely a bit #AI skeptical but some things, especially assistant AIs are great already. This is a great perspective on this: buff.ly/Y0nlPtz

We are very early in the AI game. There is a lot of overhype at the moment, a lot of fear, but AI will definitely have a big impact in the long run.

29.12.2025 17:33 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0