Work with Figma
From a mockup to implementation
Как Codex помогает создать дизайн сайта в Figma
The article is devoted to the practical use of Codex (Codex App) and Figma bundle via Figma MCP (Model Context Protocol) to generate full-fledged editable
Google Stitch: AI для UI, кода и экспорта в Figma
Что умеет Google Stitch: генерация интерфейсов и кода, режимы Gemini, работа по тексту и скетчам, экспорт в Figma и Tailwind.
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
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
Code-to-Canvas: Developer generates code – it enters Figma as editable layers
Как работает Code-to-Canvas workflow: перенос сгенерированного интерфейса из кода в Figma, редактируемые слои и контроль качества макета.
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
Figma MCP + Claude Code: How AI reads your file and writes lossless code
Как связка Figma MCP и Claude Code помогает читать макеты, переносить дизайн в код и снижать потери между компонентами, токенами и реализацией.
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.