Lukas Oppermann
banner
lukasoppermann.com
Lukas Oppermann
@lukasoppermann.com
Design @Github / opinions are my own
#DesignSystems #DesignTokens #UX #accessibility

💭 writing http://medium.com/@lukasoppermann
☕️ coffee lover
🐥 dad

(he/him)
Interesting 💭 buff.ly/xkkOVw5 by @joemag.bsky.social

#AI reshapes tools & mental models involved in coding, nudging the industry toward valuing clarity of requirements, high-quality tests, and careful review over manual code authorship.

True or do we shoot us in our own foot?
buff.ly
December 17, 2025 at 5:26 PM
#Documentation is a #shared responsibility buff.ly/N4AyfLk

Involving all disciplines into #DesignSystem #docs avoids misalignment and creates buy-in for docs.
Writing in Sync: Design System Content
Design systems help create a shared language within an organization, but without good documentation, no one will be able to speak that language.
buff.ly
December 15, 2025 at 5:33 PM
Reminder buff.ly/eN5Lw0r to start small & don't copy #FAANG from the start. A monolith works well for small teams, don't start with microservices. Consider the costs of your decisions like reduced output due to complexity.

Build for YOUR needs and size.
Why is everything so scalable? - Stavros' Stuff
I’m entirely convinced that basically every developer alive today heard the adage “dress for the job you want, not the job you have” and figured that, since they always wear jeans and a t-shirt…
buff.ly
December 12, 2025 at 5:45 PM
Love buff.ly/FsKeJlD

Some important thoughts:
- risk: irrelevance > tech debt
- good enough ≠ sloppy
- tech debt = trade-off for faster learning
- Never ship code that is insecure, could lose user data, is broken
- Shipping fast → options: pivot on real feedback
- Refactor once you hit market-fit
Good Enough Is a Strategy
Your competitors will eat your lunch while you refactor
buff.ly
December 10, 2025 at 5:26 PM
We have an ambivalent relationship to #friction. Sometimes we reduce it, than we argue for its merits again.
@phirephoenix.com argues for it in her post: buff.ly/ImPkFu9

The final argument: friction, between people and ideas, is what sustains democracy, creativity & empathy.
choosing friction
In 2018, legal scholar Tim Wu wrote in the New York Times that: Today’s cult of convenience fails to acknowledge that difficulty is a constitutive feature of human experience. Convenience is all…
buff.ly
December 8, 2025 at 5:33 PM
Insightful post buff.ly/P4idzdZ on how #AI changes the way software is built.

With #AI agents engineers get working features out a lot faster. Often before we can define the #UX. But instead of complaining, embraced this. We can play with a working feature to explore how to optimize the UX for it.
LukeW | AI Has Flipped Software Development
For years, it's been faster to create mockups and prototypes of software than to ship it to production. As a result, software design teams could stay "ahead" of...
buff.ly
December 5, 2025 at 5:45 PM
#LiquidGlass is problematic, according to @nngroupux.bsky.social buff.ly/b2Fy7fH

I have noticed some of those and other issues on mac as well.

I am very surprised by the decline in quality at #apple. They used to be the #UX pinnacle and now they seem to overfocus on style. Any idea why?
December 3, 2025 at 5:26 PM
Some time ago I wrote about building software for personal use: buff.ly/s1QfE6H
Karan Sharma now approaches this idea in combination with #AI buff.ly/t8Mg9K3 which opens it up to a larger audience without prior coding knowledge. It's a great way to get into AI too.
AI and Home-Cooked Software
AI is enabling a new category of personal software. Welcome to the era of home-cooked applications.
buff.ly
December 1, 2025 at 5:33 PM
An alternative to #StyleDictionary: terrazzo.app

Haven't tried it. But it sounds interesting, especially that it is built with w3c tokens as the one and only input. I guess it all is up to how easy it is to build plugins and if you can easily get to all parts in the built process. WDYT?
Terrazzo: tools for token management and code generation
Design systems for everyone. MIT Licensed tools for developing and managing design systems. Use the W3C design token format to build multi-platform apps quickly and easily.
terrazzo.app
November 28, 2025 at 5:45 PM
The long awaited first stable version of the #designTokens spec has been published recently: buff.ly/Utcx1jl

This is a very important step for the community as it means tools can now work against a standard. I expect a lot of the existing tools to be updated soon.
Design Tokens Color Module 2025.10
This document describes the technical specification for design token color values and opacity.
buff.ly
November 26, 2025 at 5:26 PM
Finally @joshwcomeau.com shows us how to get native spring and bounce #animations in #css: buff.ly/vncwbGI

The performance impact is neglectable in most cases, and the result is fantastic. Using css variables reduces file size and makes it easier to reuse your spring animations
Springs and Bounces in Native CSS • Josh W. Comeau
The “linear()” timing function is a game-changer; it allows us to model physics-based motion right in vanilla CSS! That said, there are some limitations and quirks to be aware of. I’ve been…
buff.ly
November 24, 2025 at 5:33 PM
Exciting! @figma.com release extended collections, finally multi-branding is easy in Figma.
buff.ly/6wdXnPN

Last year I did a whole day #designToken workshop @hatch and multi-brand was a big part and such a pain. Happy to see it solved (hopefully).

Going to explore it now.
Figma product news & release notes
Keep up-to-date with release notes and software updates for all Figma related products.
buff.ly
November 21, 2025 at 5:45 PM
Its interesting to see how companies work on their icon systems: buff.ly/ojaHdyh

Especially product icons, which need to without a label, e.g. in the dock.

They must be recognizable, feel like being part of a set but still different enough so users understand which specific product it is.
Fluid forms, vibrant colors - Microsoft Design
How a subtle refresh of our Microsoft 365 icons signals deeper change.
buff.ly
November 19, 2025 at 5:26 PM
Filter: simple until you build them buff.ly/B0GOBuu

Great filters empower users, reduce frustration, and boost the usability. Bad filters lead to frustration & churn

Great filters:
- prevent errors
- allow sharing a filtered states
- are easy to find and use
Making useful filters
Filters can make or break your UX, and designing them is not as straightforward as you might think.
buff.ly
November 17, 2025 at 5:33 PM
Interesting and rarely discussed: designing for #ADHS buff.ly/GFmwbDn

ADHD often includes forgetfulness, impulsivity, distractibility, hyperactivity, time-blindness, and sensitivity to sensory overload.

Empathetic, flexible design can mitigates ADHD-related challenges.
Software accessibility for users with Attention Deficit Disorder (ADHD)
Let’s focus on cognitive accessibility of digital products and how to make them better for users with ADHD.
buff.ly
November 12, 2025 at 5:26 PM
Some non-typical #designPrinciples buff.ly/1WuvsKl

- Ensure Easy Access: Clear, predictable home link & simple URLs
- Communicate Who You Are: prominent logo
- Reveal Content Through Examples: important offerings above the fold,
- Prompt Actions & Navigation: clear, descriptive, & prominent CTAs
Homepage Design: 5 Fundamental Principles
Effective homepages are simple and easy to access, communicate the organization’s and site’s purpose, show engaging content, and prompt users to take action.
buff.ly
November 10, 2025 at 5:33 PM
I stumbled upon this buff.ly/Qm3bbgZ by @fabriciot.bsky.social again and it resonated a lot.

Principles for building better products:
- Less, but better
- Start small
- Use data
- Feature budget: Limit total # of features
- Say no: Decline non-essential features
- regularly reassess your product
Great products do less, but better
When feature bloat can hurt more than help your business goals.
buff.ly
November 7, 2025 at 5:45 PM
#AI & #vibeCoding is often not perfect. Shipping AI work to production is risky. But that is not the same for personal tools. In my article buff.ly/wr3Ppnn I describe how you can explore coding with AI by creating tools that make your live easier by doing mundane, repetitive tasks for you.
Medium
buff.ly
November 5, 2025 at 5:26 PM
Good tip @donnie.damato.design: buff.ly/ysu28eJ

Don't use `onDark` in your tokens, this requires adding another set of tokens for everything on dark.

Better define a dark theme and use this in the section that needs a dark BG. This way no additional tokens are needed and it works out of the box.
Ondark virus
While it might seem intuitive at first, naming your tokens this way is bad for your health.
buff.ly
November 3, 2025 at 5:33 PM
I started working on an #AI project, so this comes just in time by @smashingmagazine.com buff.ly/qSqSzSL

AI must
- show ability to accurately perform tasks
- gain trust by operating transparently
- generate predictable output

You should communicate limitations of AI to users.
The Psychology Of Trust In AI: A Guide To Measuring And Designing For User Confidence — Smashing Magazine
With digital products moving to incorporate generative and agentic AI at an increasingly frequent rate, trust has become the invisible user interface. When it works, interactions feel seamless. When…
buff.ly
October 31, 2025 at 4:45 PM
Just re-read @mattstromawn.bsky.social: buff.ly/xqE8kN9
- #DesignSystems are moving from static “dictionaries” to dynamic “functions”
- Dynamic logic enables adaptive, personalized, and accessible UIs
- Tools like CSS clamp() and Material’s dynamic color make this future possible
Functions and the future of design systems
A new paradigm powering the next generation of design systems
buff.ly
October 29, 2025 at 4:26 PM
Worth a re-read: buff.ly/cHyYAbs

> A thriving DS requires genuine passion from its builders & users

What makes a #DesignSystem Loved?
- exceed expectations
- provide reliability
- allow customization to adapt to user needs
- buy-in through steering committee
- get insights from user Champions
Building Design Systems That People Love (Clarity 2023)
Over two days, the Clarity 2023 design systems conference brought together presentations on a variety of topics, including why we should…
buff.ly
October 27, 2025 at 4:33 PM
Great post on how to define your target #audience without just basic demographics: buff.ly/s3xEVQ2 by @asmartbear.com

Much more important aspects are:
- common problems
- buying constraints

Which you can get from customer interviews. Another overlooked aspect is motivations
Your target market isn't demographic
How to define your actual target market, which probably isn't traditional demographics and firmographics.
buff.ly
October 24, 2025 at 4:45 PM
Interesting insight into #slack's #designOps team buff.ly/ZvDiGpx

They drive impact by focusing ruthlessly on company goals and making sure their programs scale beyond individual teams. I assume they have a good connection to leadership to pull this off and can make some tough calls on what to do.
How to Make a Big Impact with a Small Team: Design Ops at Slack • Slack Design
Design Operations is all about helping designers do the best work of their lives. Our job is to clear the path so designers can focus on what they do best: design. At many tech companies, you’ll find…
buff.ly
October 22, 2025 at 4:26 PM
Design to avoid serial task switching buff.ly/w1VTlHn

Serial task switching significantly reduces efficiency, quality & cognitive well-being.
When designing products, reduce unnecessary task switching & rather promote focus and sustained attention. This yields better outcomes for your users.
Designing for Serial Task Switching
Serial task switching, or rapidly shifting attention between tasks, is a natural user behavior that lowers productivity and increases stress and the chance of errors.
buff.ly
October 20, 2025 at 5:12 PM