UX Design — devopsmantra wiki

120 saved links, 2017–2026 (peak: 2025). A late-blooming tag: for years this was a developer’s side-glance at design — a UI framework here, a Figma podcast there — and then 2025 hit and it became one of your fastest-growing topics. The reason is written all over the saves: once you started building AI products, UX stopped being someone else’s job. Half of this collection is really “what does an agent’s interface look like?” — AG-UI, MCP-UI, A2UI, generative UI — the exact question your agentic incident-management and DMS projects have to answer.

Related: JavaScript & Web · Generative AI · AI Agents · Startups & Business

Fundamentals & craft#

The evergreen shelf — small, but everything on it holds up.

Laws of UX — “collection of UI and UX best practices”; the single best bookmark in the tag.
Refactoring UI — Schoger and Wathan’s book, saved at announcement in 2018; still the fastest route from developer-who-codes to developer-whose-UIs-don’t-look-coded.
Nielsen Norman’s free UX study guides — curated link collections by theme — and their Application UX course.
designing a web app with user research — the freeCodeCamp course; research before pixels.
Tonsky on macOS Tahoe’s icon regressions — “exceptionally good article on UI design… examples of what not to do. Lots of side-by-side examples making the abstract obvious.”
Becoming good at something — intentional practice and mastery; applies well beyond design.
wireframing with Balsamiq for PMs and developers — the low-fi starting point.
a complete pack of free design resources (and its second folder) — product design, Figma, Webflow, UI/UX.
“Who the f* is a product manager” — 2018, where design and product blur.
The tag’s very first save: a 2017 interview about becoming a UX designer. It took eight years, but you got there sideways.

Figma & the design-tool world#

You follow Figma the way you follow infrastructure companies — as much for how it’s built as for what it does.

Yuhki Yamashita on how Figma builds product — saved in 2023 and again in 2024; “very good podcast” was your original verdict.
Dylan Field with Nilay Patel — “a masterclass in public speaking and storytelling,” plus his AI optimism.
How Figma scaled to multiple databases — the crossover episode for your infra brain.
Figma design toolkit for VS Code — design in the editor.
a free resume template for designers and a thread of Figma workflow tools.
Framer’s run at Figma — $10M revenue in 18 months post-pivot; the design-tool market as a startup story.

Design systems & the gallery shelf#

Two big bookmark threads (October 2025 and early 2026) filled this shelf almost overnight — right when agent-built UIs made “have a design system” the difference between coherent and chaotic output.

Systems & guides: thedesignsystem.guide · designsystems.surf · Componly’s component collection · 10 principles of design-system architecture.
Google’s DESIGN.md spec — a machine-readable design system in your repo; prose is nice, frontmatter is enforceable. This is design systems meeting your GitOps instincts.
Component libraries: Fluent 2 — Microsoft’s design system — with the Fluent UI Blazor intro and component walkthrough · CapsuleUI web components · ui-layouts — “underrated library of animated components” · Fomantic UI · CodeMyUI snippets · free UI kits from UIStore.
Inspiration galleries: Craftwork’s curated websites · landing.love · Saaspo (SaaS sites) · navbar.gallery · cta.gallery · sleek.design · curations.supply — steal like a designer.
the Harness open-source site — ~600 hours of logo, motion, 3D, and Rive; what a “designed” developer site costs.

Designing AI products — the 2025 turn#

The pivot point of the whole tag. The thesis, from your best save here: AI isn’t the differentiator anymore — great UX is.

The UI patterns behind viral AI products — “an excellent analysis of UI patterns in AI-native products”; start here.
Transforming UX with generative AI and AI and cognitive offloading — sharing the thinking process with machines.
The broken rhetoric of AI — the design-discourse counterweight; worth keeping next to the hype.
what AI engineers can learn from qualitative research methods in HCI — error analysis is heuristic evaluation; UX research methods apply directly to evals.
using AI for persona and journey-map creation — AI as the researcher’s assistant.
Honeycomb’s CEO: observability improves the UX of LLM systems — your SRE past and AI present shaking hands.
NotebookLM’s audio-overview UX — “an incredible work of love and dedication for this UX”; the save that shows what AI-native polish feels like.
Prompt Canvas — “the cursor for prompt engineering” and Vercel v0 — new UX genres for building with LLMs.
ScreenAI — a vision-language model that understands UIs — the model side of the story.
an AI Product Management course — fundamentals of AI UX for product and business people.
And the prophecies: “AI and bots as an underpinning for modern UI” — from 2018 and teaching a machine to convert wireframes into code — from 2017. You saved the future seven years early.

UI for agents — protocols & generative UI#

The densest cluster in the tag, and the most Enterprise-AI-Architect-shaped: when an agent needs to talk to a human, what’s the wire format?

The map: Agent protocols — MCP, A2A, A2UI, AG-UI — Mete Atamel’s overview; “many more on the way (or consolidation coming), but these are good protocols to know today.”
AG-UI: the AG-UI protocol repo · Google ADK agents + AG-UI frontends — streaming an agent’s real-time thoughts and tool usage into the UI · Microsoft Agent Framework is now AG-UI compatible · the step-by-step integration guide.
MCP-UI & MCP Apps: mcpui.dev and the MCP-UI SDK repo · MCP Apps — the official spec post · MCPJam’s app builder for building them.
A2UI: A2UI v0.9 — agents “speaking” React and Flutter natively.
Generative UI: UI/UX for generative AI apps with CoAgents + LangGraph — “UI/UX is critical for shipping agent applications that build trust” · an early Vercel AI SDK gen-UI demo (2024) · LangGraph.js generative-UI examples · Open Multi-Agent Canvas · human-in-the-loop agents with assistant-ui.
Building agents in a UI: the ADK visual agent builder — “Uh, this is amazing” — and LangGraph Builder (with its code generator) for drawing cognitive architectures.
Teaching agents taste: ui-skills.com and agentskills.io — “agents are getting better at creating UI, but some things still annoy me” · the UI/UX Pro Max skill for Claude Code.
Agent-S — ask it to design a UI or slides — and Claude Code + Dives: any data viz is a prompt away.

Agents that drive UIs — and the UX of your own tools#

The mirror image: agents as users of interfaces. Plus the thread that was here all along — you’ve been tagging developer-tool ergonomics as “ux-design” since before it was fashionable.