Publications from authors and the editorial team

New articles from Wikivibe authors and materials prepared by the editorial team. Read the feed, follow authors, and publish your own write-ups.

Feed

18 publications

Reset filters

Figma and layouts: practical AI-assisted interface work

8/1/20265 min

Figma Make: How to Edit Code Through Properties & Annotations

In Figma Make appeared a property panel and annotations on canvas. We understand how they change the work with AI code, where they save iterations and what limitations are important to remember.

FigmaFigma MakeAI designprototype

WikiVibe

—views—reactions

Figma and layouts: practical AI-assisted interface work

7/6/202617 min

Dev Mode: Why the developer stopped asking “what did you mean?”

Previously, the correspondence of the designer and developer looked something like this: “And the indentation here is 16 or 20?”, “Is this the same button as on the main or new?”, “What color is it?”.

VibeDesignFigma and layouts

amoorkie

—views—reactions

Figma and layouts: practical AI-assisted interface work

7/5/202616 min

Code-to-Canvas: Developer generates code – it enters Figma as editable layers

Как работает Code-to-Canvas workflow: перенос сгенерированного интерфейса из кода в Figma, редактируемые слои и контроль качества макета.

VibeDesignFigma and layouts

amoorkie

—views—reactions

Figma and layouts: practical AI-assisted interface work

7/2/202621 min

Figma MCP + Claude Code: How AI reads your file and writes lossless code

Как связка Figma MCP и Claude Code помогает читать макеты, переносить дизайн в код и снижать потери между компонентами, токенами и реализацией.

VibeDesignFigma and layouts

amoorkie

—views—reactions

Figma and layouts: practical AI-assisted interface work

7/1/202618 min

Figma AI Agent: what to check before trusting the canvas

A practical look at Figma AI Agent: context, editable layers, iterations, design-system rules and checks before handoff.

VibeDesignFigma and layouts

amoorkie

—views—reactions

Figma and layouts: practical AI-assisted interface work

6/30/202619 min

Figma components that survive updates: variants, auto layout and tokens

How to structure Figma components so library updates preserve states, spacing, content and predictable implementation.

VibeDesignFigma and layouts

amoorkie

—views—reactions

Figma and layouts: practical AI-assisted interface work

6/20/202617 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...

VibeDesignFigma and layouts

amoorkie

—views—reactions

Figma and layouts: practical AI-assisted interface work

6/20/202617 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...

VibeDesignFigma and layouts

amoorkie

—views—reactions

Figma and layouts: practical AI-assisted interface work

6/17/202618 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.

VibeDesignFigma and layouts

amoorkie

—views—reactions

Figma and layouts: practical AI-assisted interface work

6/17/202618 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 ...”.

VibeDesignFigma and layouts

amoorkie

—views—reactions

Figma and layouts: practical AI-assisted interface work

6/17/202618 min

Tokens in Figma: Configure once and never manually change colors

Open any Figma file from a year ago. Count how many shades of gray there are. Seven? Twelve? Now compare with what is described in the guideline...

VibeDesignFigma and layouts

amoorkie

—views—reactions

Figma and layouts: practical AI-assisted interface work

6/17/202618 min

Golden Screen: one reference screen that protects design from degradation in AI generation

Open any project where design is done with AI for at least a couple of months. Compare the screen from the first week and the screen from this one. You'll probably see the drift:.

VibeDesignUXAI

amoorkie

—views—reactions

Publications from authors and the editorial team

Feed

Figma Make: How to Edit Code Through Properties & Annotations

Dev Mode: Why the developer stopped asking “what did you mean?”

Code-to-Canvas: Developer generates code – it enters Figma as editable layers

Figma MCP + Claude Code: How AI reads your file and writes lossless code

Figma AI Agent: what to check before trusting the canvas

Figma components that survive updates: variants, auto layout and tokens

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

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

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

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

Tokens in Figma: Configure once and never manually change colors

Golden Screen: one reference screen that protects design from degradation in AI generation

Spline V2: AI-agent collects interactive 3D scenes, and the interface can be written on top of them

Distributed intelligence: who will be subordinated to the network

Just try everything. How I came to vibe coding

I implemented Grafana: what it shows and why the project is needed

GPT-6 received Sol and Luna: Terra remains a model of the GPT-5 line. 6

Awwwards MCP: how to search for references and check web design

Figma linked layouts with Weave and updated folders: what changes in working with variations

GPT Image 2.5: spot edits, sketches and less lost details

ChatGPT in Russia broke in a new way: it seems that for the first time blocked not in OpenAI, and on the side of the Russian Federation

Figma Adds Transparency Management Through Tokens: How It Simplifies Design Systems

browser-use: a library that turns a browser into an AI agent tool

omp (oh-my-pi): a complete guide to the functions of a CLI agent for coding

OpenAI launches GPT-6 Astra in what the company calls the “AGI era”

Figma has opened generative plugins and shaders: what can now be transferred from canvas to React

Runway Solaris: A real-time interface – and why it’s not a replacement for web development

Figma reveals how to measure AI’s impact on design – and why speed metrics are not enough

AI video editors managed through Codex and Claude Code

Orca (stablyai/orca) – ADE for orchestrating a fleet of parallel AI agents

oh-my-pi (omp) – a terminal AI-agent for coding with a “stitched” IDE

What AI Agents Are and How They Work: A Clear Guide to Business

Get Shit Done (GSD): как организовать работу ИИ-агента

Google Flow: AI Credits, лимиты и сколько видео

Почему Claude блокирует аккаунты: причины бана и VPN

Codex ChatGPT Subscription: Codex-chatgpt-web and Codex-with-chatgpt