Sign in

Lukas Oppermann

@lukasoppermann.com
582 followers 110 following 328 posts

Design @Github / opinions are my own #DesignSystems #DesignTokens #UX #accessibility 💭 writing medium.com/@lukasoppermann ☕️ coffee lover 🐥 dad (he/him)

PostsRepliesMedia
Lukas Oppermann @lukasoppermann.com · 3h
Interesting @figma.com #plugin by @nathanacurtis.bsky.social: Spec-driven UI, using spec as a hub that normalizes & synchronizes design intent across Figma, prototypes, code libraries & docs. #designsystems #UX Maybe we can get a spec standard as they are super helpful with #AI → buff.ly/5vPqPUe
buff.ly
Medium
Sign up
010
Lukas Oppermann @lukasoppermann.com · 28/09/2026
#ContextEngineering decides what #AI knows, how it remembers & where its boundaries sit, before users interact. @mcdeandres.bsky.social calls it “IA for machines” & asks #UX & #Design to work on system prompts, memory architecture, guardrails & persona. → buff.ly/6ISIB2Q
marieclairedean.substack.com
The Most Important Design Work Happening Right Now Has No Designers in It
The context window is where AI behaviour is shaped, before any user touches the interface. Someone is designing it, just not designers. This is a huge opportunity for the discipline.
000
Lukas Oppermann @lukasoppermann.com · 23/09/2026
Colour drives branding, hierarchy, theming and accessibility, but workflows break because tools differ. Hex in Figma, RGB in one tool, HSL in another. #DTCG fixes that by treating colour as typed, machine-readable tokens, not loose string. Read @sturobson on #DesignSystems. → buff.ly/hqzehLG
alwaystwisted.com
https://www.alwaystwisted.com/articles/a-design-tokens-workflow-part-17
010
Lukas Oppermann @lukasoppermann.com · 21/09/2026
Modernizing legacy UX without chaos using Strangler Fig pattern, proxy layer, shadow reads. @vitalyf explains how to start with business-critical slices, write tests before code & keep #UX continuity with progressive disclosure & optional old/new switch. #DesignSystems → buff.ly/rvN3NER
buff.ly
💾 How To Modernize Legacy UX (Without Breaking Everything)
Why legacy software is successful software, how to survive a modernization project, and how to design for, with and around messy legacy systems.
010
Lukas Oppermann @lukasoppermann.com · 16/09/2026
Most teams ship a component lib, not a #DesignSystem. Matt shows #AI agents with same tokens & shadcn/ui still producing different settings pages. The fix wasn’t more components, but a named vocabulary & composition rules. #UX → buff.ly/jMP2lpx
mattrothenberg.com
You Don't Have a Design System
A component library gives you parts. A design system carries the decisions that make a product feel coherent.
030
Lukas Oppermann @lukasoppermann.com · 14/09/2026
The Great #AI Transition: knowledge goes public, products → APIs, agents choose services & firms turn into AI‑run operation graphs. Work shifts corporate jobs → individual value creation via daemons & matching according to @danielmiessler.bsky.social → buff.ly/yIqM5LB 🫠
danielmiessler.com
The Great Transition
A mental model for thinking about all the big changes that are happening as a single transition
000
Lukas Oppermann @lukasoppermann.com · 09/09/2026
Matthew Butterick @mxb argues: The biggest AI risk isn't Skynet, but AI accelerating #Capitalism. Corporations replace labor, promise "goodies" like cheap goods in return. #AI makes citizens dependent on @OpenAI & co., not the state. This is #Technofeudalism in its purest form → buff.ly/d0m45CR
matthewbutterick.com
Matthew Butterick | Extinction-level capitalism
Matthew Butterick
000
Lukas Oppermann @lukasoppermann.com · 07/09/2026
AI accelerates your process—good or bad #A11y. Out-of-the-box agents: 8–25% of automatable checks pass. With skills + deterministic tests: ~86%. Shift-left saves 10×–1,000× cost. #AI #UX #Accessibility → buff.ly/0ury8wO
aaron-gustafson.com
Can Your AI Pass the Accessibility Test? :: Aaron Gustafson
Last week at Microsoft Build, Jessie Lorenz, Carie Fisher, and I gave a short talk on a question every AI-enabled product team should be asking: can your AI pass the accessibility test? The core…
011
Lukas Oppermann @lukasoppermann.com · 02/09/2026
When #AI can turn almost any idea into working software, production stops being the main constraint. This essay says #taste becomes a scarce skill: judging what deserves to exist, learning through failure, and asking @OpenAI tools for less, not more, when ideas can be weak. → buff.ly/prJvTFV
notashelf.dev
Taste Is All That's Left | Blog
On what is left to do once the machine can make anything, and why taste is the last craft worth keeping.
020
Lukas Oppermann @lukasoppermann.com · 31/08/2026
A variable font that turns text into chart: buff.ly/0wKUdeO Pretty cool idea allowing you to easily integrate data into text-only UIs. I would love to see this enabled in more places. Give it a spin!
franktisellano.github.io
Datatype — variable font that turns text into charts
An OpenType variable font that turns simple text expressions into inline charts. No JavaScript, no images — just type.
010
Lukas Oppermann @lukasoppermann.com · 26/08/2026
Federated #DesignSystems are the least favoured model, used by only 13% of teams per @zeroheight's report. As @amyhupe.bsky.social notes, systems reinforce power gaps. Layoffs and #AI hype push orgs toward federation, but diffused ownership means no one really maintains it. →
buff.ly
Against design system federation
Avoid the fraught model that will set your design system back.
131
Lukas Oppermann @lukasoppermann.com · 24/08/2026
Great if you assume your #designSystem is clear because humans can find the rules. Rachel Cantor argues agents may read a Storybook manifest, not the full docs, and that manifest can drop intent. #storybook’s ecosystem makes that gap easier to inspect. →
buff.ly
Your Agent Is Reading a Different Design System | Rachel Cantor
An agent reads your design system through the Storybook components manifest, and the manifest is a lossy copy. Oversight is an addon that lints it and tells you what never made it in.
000
Lukas Oppermann @lukasoppermann.com · 19/08/2026
Most #AI skills fail because they rely on prompts alone. @pbakaus breaks down 9 techniques like sub-agent debate, divergence, hooks, and memory that enforce behavior and beat model defaults. The goal is turning prompts into reliable harness extensions across tools and models → buff.ly/XG5i88d
000
Lukas Oppermann @lukasoppermann.com · 17/08/2026
#AI did not remove effort, it moved the work. Less time “doing”, more time: framing problems, setting constraints, judging edge cases, stitching AI output into messy systems. Dashboards are green, headcount is down, but people doing orchestration & review feel burned out → buff.ly/Gc9QpVe
000
Lukas Oppermann @lukasoppermann.com · 17/08/2026
#AI makes implementation cheap, but understanding systems remains slow. Huge AI-generated PRs can hide weak architecture, unclear ownership, and technical debt. The useful skill is judgment: use AI to build faster, not to avoid understanding the #software. @fhh → buff.ly/GQdq9Jn
buff.ly
AI is removing the middle class of software engineering
AI makes projects with weak engineering culture fail much faster.
110
Lukas Oppermann @lukasoppermann.com · 17/08/2026
#AI prototyping is not just about speed but also about control. UI-first tools are great for fast visual exploration. Code-gen tools are great for functional prototypes, but when you need serious UX validation, direct control over interaction logic becomes the real differentiator. → buff.ly/qh6EumV
010
Lukas Oppermann @lukasoppermann.com · 10/08/2026
Does #AI make work harder? Berkeley study: AI increased confidence → people take on more tasks & managed parallel threads Result: fewer pauses, broader job scope & a workday that feels more continuous, not less demanding: faster task completion → higher expectations & more work buff.ly/PCxK6u1
timharford.com
What if AI just makes us work harder?
In a column in January about the paradox of work, I recalled the immortal Douglas Adams joke about working conditions: the hours are good, but “most of the actual minutes are pretty lousy”. The jok…
000
Lukas Oppermann @lukasoppermann.com · 05/08/2026
#AI mostly solved time & attention. The bottleneck is judgment. #Agents handle tedious migration work, but humans must decide what is maintainable, secure, reliable & robust when key people leave. Next: expert context → reusable skills Once judgment is encoded, creativity is next buff.ly/PZlw7h6
lethain.com
Judgment and creativity are all you need.
When I joined Imprint a little less than a year ago, our deploys were manual, requiring close human attention to complete. Our database migrations were run manually, too. Developing good software is…
120
Lukas Oppermann @lukasoppermann.com · 03/08/2026
#DesignSystems are not replaced by #AI, they become more important. v0 now learns your real system from code, docs, and apps, then validates every build. That means no fake tokens or drift. Teams get consistent UI grounded in truth, not approximation via @vercel tools. →
buff.ly
Design System 2.0 in v0
030
Lukas Oppermann @lukasoppermann.com · 29/07/2026
AI won’t fix a broken workflow, it will speed it up. Aaron Gustafson’s talk says accessibility has to be built in from planning to release, or #AI will scale the same barriers teams already ship. Good reminder for product and #design teams @Microsoft #accessibility →
buff.ly
Can Your AI Pass the Accessibility Test? :: Aaron Gustafson
Last week at Microsoft Build, Jessie Lorenz, Carie Fisher, and I gave a short talk on a question every AI-enabled product team should be asking: can your AI pass the accessibility test? The core…
110
Lukas Oppermann @lukasoppermann.com · 27/07/2026
Polar’s Orbit is a design system built for #LLM-generated UI. It shifts styling from open-ended strings to typed tokens, removes raw layout escape hatches, and relies on CI checks so consistency is enforced by code, not by memory. →
buff.ly
Building an LLM safe design system
Our quest to build a scalable, LLM-safe design system
011
Lukas Oppermann @lukasoppermann.com · 22/07/2026
#UI quality is not just start and end states. This post says every frame should be understandable, because users read polish as a signal of care. That means no flashes, no partial loads, no inconsistent copy, and no weird mid-animation states. @nikitonsky →
buff.ly
Every Frame Perfect
How imprecise UI animations erode trust in product
000
Lukas Oppermann @lukasoppermann.com · 20/07/2026
#AI is killing the #design model. Research → Design → Build where humans manually made the thing. Now AI gen changes the real skill to taste, judgment & intent. The new role is defining goals, constraints, architecture & codified taste to avoid generic AI slop. → buff.ly/UxC32gM
carlsz.dev
The Evolution of Craft | carlsz.dev
carlsz.dev — Personal Blog
010
Lukas Oppermann @lukasoppermann.com · 15/07/2026
Overwhelmed by AI hype, do this: 1. Don't read predictions, read field reports only 2. For each, ask 3 questions: - new outcomes - actions you can take in response - value of those outcomes to you 3. Stay outcome oriented: what result are you chasing? → buff.ly/CI86skm
commoncog.com
How to Make Sense of AI
Keeping up with a fast changing, revolutionary technology can seem scary. Here are some ruthless guidelines to make sense of it effectively.
000
Lukas Oppermann @lukasoppermann.com · 13/07/2026
#UX #research: statistically significant ≠ worth caring about It means: "is this effect probably real?" Practical significance asks: "is it big enough to matter for users or the business?" Always pair stats with: would users notice, and does this move metrics at our scale. → buff.ly/dx8Lo6o
nngroup.com
Statistical Significance Isn’t the Same as Practical Significance
Statistical significance helps establish whether a result is reliable, while practical significance helps determine whether it is worth acting on.
010
Lukas Oppermann @lukasoppermann.com · 08/07/2026
#AI #UX feels off b/c they ship raw capabilities, not rethought interactions. Chat is overused, moving friction from builders to users. Fix: right modality per task (not always chat), less prompting more smart defaults, design for tiny trustworthy wins, UX is about how it feels. buff.ly/hDkqS34
vandelaydesign.com
Why AI-Generated UX Still Feels Off
AI-generated UX often feels simply 'wrong.' Human skills in anticipatory design and user flows are crucial to combat the 'uncanny valley' of AI UX
010
Lukas Oppermann @lukasoppermann.com · 06/07/2026
Remember when Mac & iOS apps looked alive? @lmnt.me argues that flat minimalism made everything fell samey. Harder to see what's clickable, harder to spot quality craft, harder for users to understand the UI. It's not just style, we lost a shared visual language for software wdyt? buff.ly/SD2pC5K
lmnt.me
Have We Forgotten How to Design?
Last week, I read a story about how Waymo (self-driving taxi service) is partnering with Door Dash (food delivery service). And it surprised me. I was genuinely shocked. I couldn’t believe it.…
100
Lukas Oppermann @lukasoppermann.com · 01/07/2026
#Slots available in @Figma.com now, a great time to revisit your #designSystem buff.ly/sEiHnq0 Slots help avoid users breaking components, and make maintaining some components a lot easier. Instead of adding lists of 20 items, with 15 of them hidden, just use a slot, which lets you add items.
buff.ly
How to Supercharge your Design System with Slots | Figma Blog
Slots give you the ability to customize components without breaking the system. We’re sharing five field-tested tips from early users to help you unlock more freedom without giving up control.
020
Lukas Oppermann @lukasoppermann.com · 29/06/2026
Design shifts: applied craft → liberal art of technological culture, fewer folks designing, more becoming design literate: can read, analyze & critique UIs. It's not just vibes, buff.ly/5kK2VVe says we are mid “a design turn.” It reframes the job: being thoughtfully critical of what gets built.
jonkolko.com
Jon Kolko - A Design Turn
Jon Kolko; design strategy, education and writing.
000
Lukas Oppermann @lukasoppermann.com · 24/06/2026
Love this idea of using #AI: buff.ly/5u6PIrS Don't let AI jump straight into implementation, it should first do structured planning with you: 1. Capabilities 2. Components 3. Interactions 4. Contracts This way AI thinks about those steps & you can influence core concepts before implementation.
buff.ly
Design-First Collaboration
Before writing code, dialog with progressive levels of design alignment
010
Lukas Oppermann @lukasoppermann.com · 22/06/2026
Why does claude pick certain products? → bit.ly/3ONQUIH I guess it's good it does not recommend paid products, I am sure this will come, the internet is all about making money. 😑 Are high pick rate tools is better? Not necessarily. Pick rate reflects how often it appears in training data.
bit.ly
Amplifying — AI Benchmark Research
Systematic analysis of how AI systems make decisions — from product recommendations to developer tool choices.
110
Lukas Oppermann @lukasoppermann.com · 01/06/2026
What impact does #AI have on the well-being of employees? This post says, it may lead to burn out and more: buff.ly/wkEfrrY The pressure to deliver more and more is mounting. And using AI does not increase the speed of every task equally. Especially when it matters to get it right.
buff.ly
Are AI productivity gains fueled by delivery pressure?
A multitudes study which followed 500 developers found an interesting soundbyte: “Engineers merged 27% more PRs with AI - but did 20% more out-of-hours commits”.
020
Lukas Oppermann @lukasoppermann.com · 29/05/2026
Great notes by @addyosmani.bsky.social on writing #Agent #specs: buff.ly/lvRn1jp - Start high-level - Use PRD structure - Cover essentials: Commands, testing, do's and don'ts - plan/refine spec before execution - sub-agents for specialized sections (e.g. DB) - Add self-checks
buff.ly
How to Write a Good Spec for AI Agents
This post first appeared on Addy Osmani’s Elevate Substack newsletter and is being republished here with the author’s permission.TL;DR: Aim for a clear
000
Lukas Oppermann @lukasoppermann.com · 27/05/2026
Will the #AI investment bubble burst? @hughhowey.com thinks so: buff.ly/Vym79ux Why? - 80% of 6,000 firms show zero productivity gains - First mover weak: OpenAI unlikely to dominate as Google/Amazon build own models - Chinese free open models like DeepSeek match paid ones Wdyt?
buff.ly
The AI Bubble is Bursting - Hugh Howey
A lot to unpack here, but first let me stress the difference between the AI investment bubble bursting, the AI hype train derailing, and any chance that AI is going to disappear from your life. All…
000
Lukas Oppermann @lukasoppermann.com · 25/05/2026
#Agents ship frontends without humans in the loop, a11y tooling needs to catch up. Agents need: structured violations + rule IDs, selectors, fix ops, fixability, context, guidance & diff based verification. more about #a11y tooling for agents by @ckundo.bsky.social: buff.ly/8YFIjpe
dev.to
Accessibility Tooling for Agentic Coding Loops
Coding agents are writing and modifying front-end code at scale. If your team maintains a design...
020
Lukas Oppermann @lukasoppermann.com · 22/05/2026
Some interesting thoughts on #Agent design patterns buff.ly/Bj6uP1G - combat finite tokens by allowing agent to write files - avoid tool dumps instead provide tools via mcp or file system when needed - use usb-agents to isolate context and share via summary files
buff.ly
Agent design patterns
Agent design patterns.
010
Lukas Oppermann @lukasoppermann.com · 20/05/2026
Writing code is mostly obsolete according to @antirez.bsky.social. You can focus on higher problems and let #AI fix your tests or migrate to that new software, saving you hours if not weeks. This also allows small teams now punch like big ones, just faster → antirez.com/news/158
antirez.com
Don't fall into the anti-AI hype - <antirez>
Don't fall into the anti-AI hype
000
Lukas Oppermann @lukasoppermann.com · 15/05/2026
We talk about “inevitable” AI disruption, but this is a story told by people who profit from chaos. There are possible 3 futures: A) rapid automation, mass unemployment, social shock B) slower shift, painful but manageable adaptation C) Amish style discernment 🔗 buff.ly/r3OXPVn
chrbutler.com
Progress Without Disruption - Christopher Butler
There's nothing about progress that inherently requires disruption — except our inability to cooperate for stability.
020
Lukas Oppermann @lukasoppermann.com · 13/05/2026
A #designSystem functions like an immune system, allowing broad participation in shipping UI while keeping the overall experience coherent. DS ROI: directly improves AI output quality, no more messy UI but on-brand, accessible, production-ready interfaces 🔗 buff.ly/MnylkxK
pixelflips.com
Design Systems Are Having Their Moment
AI coding tools are only as good as the constraints you give them. Design systems aren't competing with AI, they're the infrastructure AI needs to do its job well.
030
Lukas Oppermann @lukasoppermann.com · 11/05/2026
Why do we even pay for software in a world of #AI. It's not because we couldn't build it, but because we don't want to own it. Owning a software solution comes at a constant cost, which distracts you from focussing on what you actually sell. 🔗 buff.ly/DIatG12 by @quinnkeast.com
buff.ly
What, then, are we paying for?
Software is problem ownership
070
Lukas Oppermann @lukasoppermann.com · 08/05/2026
#DesignSystems don't fail on components, they fail on enforcement according to @nngroupux.bsky.social A DS enforcer – Makes teams use the system – Folds good exceptions back in – Mediates conflicting product asks Goal: slightly messy, widely adopted system solving real problems 🔗 buff.ly/9vKJWRV
nngroup.com
Your Design System Needs an Enforcer
Although design systems promise consistency, most still fail without someone actively enforcing the rules and making teams follow them.
020
Lukas Oppermann @lukasoppermann.com · 06/05/2026
Should AI-era UX skips wireframes for data + context + evals? Analytics reveal friction; user stories the "why"; automated tests validate: buff.ly/TYj7PFZ Does it work? Can AI understand the friction without human intuition? Will it create the best or most common flow? What is your experience?
buff.ly
The new UX Toolkit: data, context, and evals
Designing how models behave
000
Lukas Oppermann @lukasoppermann.com · 04/05/2026
Saying No in the age of AI can't be argued with time constraints, so is it still valuable? @jim-nielsen.com says yes: buff.ly/EbvVXlY Saying no may matter more than ever! To build good products we need to keep in mind the users attention constraints. More is often not better, focused products win.
buff.ly
Saying “No” In an Age of Abundance
Writing about the big beautiful mess that is making things for the world wide web.
011
Lukas Oppermann @lukasoppermann.com · 01/05/2026
Use the Kano Model to help your product teams prioritize features by revealing how they drive or erode customer satisfaction: buff.ly/2Agy8to Kano classifies 4 categories - Performance (more = happier) - Must-be (expected, absence frustrates) - Attractive (delighters) - Indifferent (no impact)
buff.ly
The Complete Guide to the Kano Model | Folding Burritos
A step-by-step, in-depth guide to using the Kano Model to prioritize your backlog for customer satisfaction and delight
000
Lukas Oppermann @lukasoppermann.com · 29/04/2026
An ever-so important take on #MVPs in the time of AI: buff.ly/K6B4k0S The argument: Barebones prototype to test ideas don't work. Instead, build a polished, competitive product for an existing category where you can quickly become the best option. MVP: narrow niche + specific audience.
buff.ly
Rethinking the startup MVP: Building a competitive product | Linear
Today's startup MVP is about iterating early to build the highest quality competitor to an existing idea, not validating a novel one. This journey involves refining early ideas to compete in an…
000
Lukas Oppermann @lukasoppermann.com · 27/04/2026
Want to get a good overview over some of the most important #UX methods? Check out buff.ly/5SVJUCn with topics like A/B testing, diary studies or tree testing.
buff.ly
The UX Cookbook
Handcrafted recipes to get you started with everything UX — user research, design, usability testing, and more. We're always cooking up new recipes, so check back frequently!
000
Lukas Oppermann @lukasoppermann.com · 24/04/2026
My colleague @ericwbailey.website wrote about the issues with adding #keyboard #shortcuts to web apps and how you can do it the right way. By respecting OS, browser, extensions, and assistive technology bindings, and never stealing keys people rely on for basic nav. →
buff.ly
How an accessibility designer adds keyboard shortcuts to a web app
Keyboard shortcuts occupy a strange area for web design.
050
Lukas Oppermann @lukasoppermann.com · 22/04/2026
Natural language is the future of programming: buff.ly/gfvRf0P Not one-shot specs, but iterative loops where humans + #AI refine ambiguous requirements through conversation, just like we've always done with customers and team mates. Tests and linters close the loop to allow AI to self-check.
buff.ly
On the success of 'natural language programming' - Marc's Blog
Specifications, in plain speech.
010
Lukas Oppermann @lukasoppermann.com · 20/04/2026
Build an #accessibility #AI your teams can trust: - Start with your own a11y policies, checklists, and design-system docs - Add a few gold-standard external systems + WCAG/ARIA - Keep a small CSV “map” of trusted resources so answers match your org’s standards →
buff.ly
Building the Brain of Your Accessibility AI – ::Last-Child – Ted Drake
Accessibility | Inclusion | Belonging | DEI AF
000
Lukas Oppermann @lukasoppermann.com · 17/04/2026
#AI needs to be able to validate it's own work for great results. We discovered this in my current project on making #designSystems work better with AI, but others discovered the same: ilo.im/169zqz Typical methods to help AI validate: - precise specs - linters - tests Did you try this?
ilo.im
Software as clay on the wheel
Dries is the Founder and Project Lead of Drupal and the Co-founder and Executive Chair of Acquia.
020