All VibeDesign Wiki sections — design guides and articles

The customer sits across the street, opens the laptop, and 40 seconds later he says, "Can I show you how this will work?" You open Figma, click on the frame.

Accessibility

6/22/2026 15 min

Five Automatic Accessibility Checking Tools – and Where Each of Them Gets Wrong

Open any website, run Lighthouse, and see Accessibility: 98. Close the tab with a sense of accomplishment. Try going through the same site with...

Accessibility

6/21/2026 19 min

WCAG: a boring acronym that will protect you from lawsuits

Open your product and try to reach your target action without using a mouse. Just Tab, Enter, Gunners. If in a minute you swear, congratulations.

Research and UX Methods

6/20/2026 19 min

50 Interviews per Hour: How AI Synthesis Changes UX without Losing Quality

An hour ago, you finished a series of 50 user interviews. Six weeks of team work: recruiting, decryption, coding, synthesis of insights. Today...

UX and interfaces

6/20/2026 19 min

AI-generated interface vs human: where the user feels the difference

Take two checkout screens: one generated by LLM on a short prompt, the other assembled by a product designer in two sprints. The screenshot shows the difference in...

Figma and layouts

6/20/2026 17 min

File and Layer Organization in Figma: A System That Works in a Year

Open the Figma file you made a year ago. Find the final version of the main screen. Set the time. If it took more than thirty seconds, you have no...

Accessibility

6/20/2026 18 min

AI generates inaccessible interfaces: how to check and fix it automatically

Open the inspector in the browser and walk Tab on the last screen that the AI assistant generated for you. Most likely, the trick is jumping in the wrong direction, half...

Figma and layouts

6/20/2026 17 min

SVG, PNG, WebP: how the wrong export format breaks the site

The logo on the landing weighs 800 KB and is washed on the retin. The icon of the social network in the footer is JPG with a white rectangle around. Photo of the hero - PNG at 4 MB, because...

UX and interfaces

6/19/2026 18 min

70% delete the app after the first screen. How to make an onboarding that leaves

The user downloaded the app, opened it, watched the first screen and deleted it. Not because the product is bad. In the first 30 seconds, he didn’t know why.

Prototypes and handoffs

6/19/2026 17 min

I showed the prototype to real people -- they broke everything in ten minutes. That's what I learned

I was sure the prototype was ready. Three weeks of iterations, licked screens, neat microanimations, thoughtful onboarding. Brought five to the corridor test...

Basics of VibeDesign

6/19/2026 16 min

AI Design Leader: Who it is, what it can do and how to become one in 2026

The term appeared without an announcement. No one called the conference or rewrote job descriptions. It’s just that between 2025 and 2026, it was discovered that designers who started using AI seriously—not as a toy, but as infrastructure—worked fundamentally differently. Hurry. With more influence. At another level of autonomy. They are called AI Design Leaders. This is not an official position on the staffing table. It’s more of a practice: a designer who has rebuilt the entire workflow around AI and thereby transcends the role of the “model maker.” In this article - what is this role, how it is arranged in real teams, what skills are needed and how to get there.

Research and UX Methods

6/19/2026 18 min

The A/B test destroyed my favorite design. And that was the best lesson

I've been drawing this screen for three weeks. Reworked the composition, selected the intonation of illustrations, argued with the product about the length of the title. At the review, the design was praised, in...

Prototypes and handoffs

6/19/2026 20 min

How to transfer animations to the developer so that he does not simplify them to static

The animation in Figma looks like magic: easing is soft, elements breathe, transitions hold attention. You open production in two weeks and you see fade in...

UX and interfaces

6/18/2026 17 min

Site audit through PageSpeed, Lighthouse and Core Web Vitals: step-by-step analysis

In 2021, Google officially included Core Web Vitals in the ranking algorithm. Since then, site speed is not only a UX metric, but also an SEO factor. A slow site loses search and conversion positions at the same time. The problem is that most teams run PageSpeed every six months, see a score of 47, shrug their shoulders and close the tab. Because it is unclear what to fix, in what order, and how it affects real users. This article is a practical algorithm. How to read reports, what each metric means, where to look for problems and how to fix them. No water, no specifics.

AI Design Tools

6/18/2026 17 min

How to Concept Interfaces with GLM-5.2: Agent Codes, Designer Directs

The usual path to the UI concept: described the problem → painted in Figma → showed → remade. At least half a day in one direction, if you need to try three - a day and a half. GLM-5.2 coded HTML/CSS directly on z.ai → opened in the browser → direction is clear in 10 minutes. Try three options, an hour. It's not a replacement for Figma. This is another tool for the other stage: quick visual thinking before you open the editor. And this is where the GLM-5.2 works better than most alternatives, because its main specialty is front-end.

Research and UX Methods

6/18/2026 18 min

CustDev that doesn't lie: How to ask questions to get the truth

Ask five people if they like your idea and five will say yes. Run the product on these answers and no one will buy. It's not a CustDev bug. It's his...

UX and interfaces

6/18/2026 20 min

Agentic UX: How to design interfaces when AI acts for the user

The user clicks “Book me a flight to Lisbon next weekend cheaper” and leaves to pour coffee. He returns in a minute and the agent...

Accessibility

6/18/2026 18 min

Is red a mistake? Not for everyone. Why color should not be used as a single signal

Open any analytics. The red chart -- something's broken. The red plaque is a mistake. The red dot is unread and requires attention. It seems to be...

Prototypes and handoffs

6/18/2026 19 min

Figma Dev Mode: why developers finally stopped complaining about handoff

Previously, the transfer of the layout to the development looked something like this. The designer throws a link to Figma in the chat. The developer opens, searches for the right screen among the twenty.

Accessibility

6/17/2026 19 min

Go through your website without a mouse. You will probably be stuck on the third screen

Close your eyes, move your mouse, remove your hand from the trackpad. Open your product and go through the main scenario - registration, ordering, creation of a product.

Figma and layouts

6/17/2026 18 min

Auto Layout: Why without it you lose hours on what should take minutes

Open any project where the layout was drawn without Auto Layout. Move the block by 8 pixels to the right and everything will go: indentations curves, buttons of different heights, text.

Research and UX Methods

6/17/2026 17 min

CJM in 30 minutes: a map of the user’s path that is actually used in the work

Open any Miro board that says "CJM" in the title. With a probability of 80% you will see a beautiful multi-colored sheet with 12 columns, which was made for six months.

Figma and layouts

6/17/2026 18 min

Skills in Figma MCP: How to Transmit Your Team Rules to AI in a Single File

Each designer on the team writes AI prompts in their own way. One asks for “make a component of the card”, the second – “a card according to our design guide, tokens from ...”.

Research and UX Methods

6/17/2026 17 min

Insights from Studies No One Reads: How to Document

Go to any Notion major product team and find the Research folder. Inside there are dozens of documents: interview reports, usability test results, etc.