Design system and components

8/3/2026 4 min

Fluid Glass UI: How to give an AI agent a reproducible WebGL interface instead of an abstract prompt

Fluid Glass UI - open-source skill and WebGL reference for interfaces with a fixed visual core. We understand how to use it in AI development without accidental style drift and problems on mobile devices.

Design system and components

7/30/2026 3 min

75/75/75: why it's time for a design system to become doable

Yandex wants to bring AI participation to 75% of changes in development. For design, this means moving from conveying layout to conveying structured intent and quality rules.

Design system and components

6/14/2026 9 min

MCP server of your design system: connect the AI agent to the components directly

"Create a card like our system" without MCP - the agent looks at the codebase and guesses. Finds something like a card, adapts. The result is close but not the same: another borderradius, another structure of props, another name that now needs to be searched for and corrected.

Design system and components

6/14/2026 13 min

LLM Readable Documentation: How to Write Components So AI Doesn't Invent the Wheel

In May 2026, a real job posting Senior Product Designer featured a requirement that a year ago did not exist: “Create and maintain system documentation readable by designers, engineers, and LLMs like Claude.”.

Design system and components

6/14/2026 8 min

Storybook: Why the developer tool has become indispensable for designers

Storybook was created for developers – an environment for isolated component development without running the entire application. The designers who started using it say one thing: “I don’t understand how it worked without it.”.

Design system and components

6/14/2026 9 min

AI Draws Out of Your Style: How to Get It to Follow a Design System

AI explained that the buttons are called Button/Primary, accent E94560, font Bricolage Grotesque. This session is all right. Closed the chat. Opened a new one - again Inter, again blue button, again shadcn by default.

Design system and components

6/14/2026 10 min

Dark theme in one day – if you set the variables correctly in advance

There are two ways to add a dark topic. One: you open each component, you change colors manually, you watch half crumble, you redo three days, you still miss something. Second, you create Dark Mode in Figma Variables, you set the dark values, you switch -- everything gets updated in a second. One day instead of three.

Design system and components

6/14/2026 9 min

Atomic design in practice: stop sculpting the interface from scratch every time

In a project without a system, each new screen starts from scratch. The designer draws a button — not the same as on the previous screen, similar. A different padding. A little different typeface. In a year, the product has 40 options of the button, where logic should be 4.

Design system and components

6/14/2026 9 min

Design Tokens: Why Products Always Look Different Without Them

In a team, three developers make three different product sections. Everyone has a “basic blue” in their head, but everyone has their own idea of what blue it is. One writes 1A1A2E. Second 1B1B30. The third takes a pipette from Figma, but misses the pixel — it turns out 1A1C2E.

Design system and components

6/14/2026 8 min

Without a design system, you do the same thing over and over again

Take any product over a year old and open three different screens. Find the Save button on each. You’ll probably see three slightly different buttons: padding is slightly different, borderradius is slightly different, and the font is a different size. Nobody did that on purpose. The first developer did not find the right component and wrote his own. The second set up the library to make it faster. The third one was copied from another screen.

Design system and components

6/10/2026 8 min

Design as Code: How to Pack Vision into a File and Give It to the Team

Ask any LLM to do a landing without additional instructions. Get: Inter, white background, purple gradient in hero, four cards in grid, barely noticeable hover. Anthropic calls this “distributional convergence” – models reproduce a statistical center of design decisions from training data. The center is average. Average is nothing. Skill files cure that. But more importantly, they turn a design judgment — something that lives in the mind of an experienced designer — into a reusable artifact that can be passed on to the agent, the team, the next project.

Design system and components

4/26/2026 7 min

Taste-Skill: how to make AI-generated interfaces feel intentional

A practical guide to giving AI-generated interfaces stronger hierarchy, typography, spacing, motion and visual direction.