Figma Design

Небольшое обновление папок в Figma: → теперь видно превью файлов внутри папки → цвета папок стали заметнее → папки можно дублировать

Recolor — плагин для быстрой замены цветов в выбранных объектах. Находит заливки, обводки, текст, тени и градиенты, а затем позволяет заменить нужный цвет сразу везде. Install plugin

На маркетплейсах встречают по карточке. Пока покупатель ещё не смотрит характеристики и отзывы, ваш товар уже конкурирует за внимание с десятками других. Поэтому карточка должна не просто выглядеть красиво — она должна продавать. На курсе Нетологии вы с нуля научитесь создавать карточки для Ozon, WB и Яндекс Маркета: анализировать конкурентов, работать с фото, собирать инфографику и галерею, использовать Figma, Photoshop и нейросети. В финале — готовый проект в портфолио. На расширенном тарифе — дизайн-системы для брендов, видео и анимация, а также ИИ-инструменты для быстрой работы с целыми линейками товаров. В сентябре — скидка 40% и 5 курсов по ИИ в подарок. Подробности и программа

Spacing Audit — скилл, который проверяет отступы и пропорции в макете. Находит места, где сбилась сетка, появились случайные значения или нарушился ритм между элементами. После проверки подсказывает, что стоит поправить.

# Spacing Audit Check a layout against a 4/8pt spacing scale, report every value that is off the grid, and snap it to the nearest correct step. The goal is consistent, predictable rhythm that is easy to hand off and maintain. ## The scale Base unit is 8. Use 4 only as a half-step for tight, component-internal spacing. Allowed values: 0, 4, 8, 12, 16, 24, 32, 40, 48, 56, 64, 80, 96. - 8, 16, 24, 32, 48, 64: structural spacing (section gaps, card padding, layout margins). - 4, 12, 20: fine spacing inside a component (icon-to-label, chip padding, tight stacks). - Anything not a multiple of 4 is off-grid and should be flagged. - A multiple of 4 that is not a multiple of 8 at the layout level (e.g. section gap of 20 or 28) should be flagged as "consider 8pt step" but is not a hard error. ## What to check Inspect auto-layout frames and spacing between elements: - Padding inside frames (top, right, bottom, left). - Item spacing / gap between children. - Gaps between sections and between grouped blocks. - Margins around content within a frame. ## How to audit 1. Walk the selected frame (or the whole page if nothing is selected) top-down. 2. For each spacing value, compare it against the allowed scale. 3. For each off-grid value, choose the nearest allowed step. When exactly between two steps, round to the one closer to the surrounding rhythm of that group. 4. Prefer consistency within a group over per-element correctness. If three cards use 14, 16, 16, align all three to 16. ## Rules - Do not change layout structure, sizing behavior (hug/fill), content, or styling. Only adjust spacing values. - Preserve intentional exceptions and do not flag them: 1px borders and hairlines, optical alignment offsets, values driven by hug/fill, and spacing set by a variable or token. - If spacing is already bound to a variable or token, leave it and note it instead of overwriting. - Round icon-to-label and other fine gaps to 4 or 8, not to larger steps. - When a whole group is uniformly off-grid on purpose (e.g. a deliberate 6pt system), flag it once and ask before mass-changing. ## Output 1. Return an audit summary first, before changing anything: - Total elements checked. - A before / after list of every off-grid value, grouped by frame, in the form `Card padding: 14 -> 16`. - Any values you left untouched, with the reason (token, hairline, optical). 2. Apply the fixes only after showing the summary. 3. End with a one-line rhythm note: the dominant step the layout now uses (e.g. "layout now on an 8pt rhythm, fine spacing on 4pt"). ## Do not - Do not resize elements or reflow content to hit a number. - Do not invent a new scale. Stick to the 4/8pt steps above. - Do not touch corner radius, stroke, or type unless the user explicitly asks.

Между режимами теперь можно быстро переключаться шорткатами. Option (Alt на Windows) + Tab - следующий режим Option (Alt на Windows) + Shift + Tab - предыдущий Также нужный режим можно выбрать курсором. Обновление станет доступно всем пользователям в течение недели.

Управление прозрачностью через переменные Figma разрешила задавать opacity цветовой переменной через числовую переменную. Теперь состояния disabled, оверлеи и scrim-слои можно обновлять массово, не отвязывая цвета от библиотеки. help.figma.com/hc/en-us/articles/14506821864087-Overview-of-variables-collections-and-modes#colorvar

Figma рассказала, как создавала генеративные плагины и шейдеры. Теперь их можно создавать через AI-агента, публиковать в Community, добавлять анимацию и интерактивность, редактировать исходный код и переносить шейдеры в React через MCP. www.figma.com/blog/how-we-built-generative-plugins-and-shaders/

Perspectivo — плагин позволяет наклонять объекты по двум осям, настраивать глубину и оборачивать графику вокруг сферы. Работает с фигурами, текстом, группами и фреймами, сохраняя результат в векторе без растрирования. Install plugin

Авито открыл набор на оплачиваемую программу, которая позволяет прокачать навыки в сфере дизайна продукта и коммуникационного дизайна — Avito Design Bootcamp. Также среди направлений UX-исследования и UX-редакция. Участники будут решать реальные задачи бизнеса — это возможность развивать продукт для миллионов людей, чтобы усилить навыки и стать из стажера мидлом. Лучшие получат возможность продолжить карьеру в компании. Программа длится год, и вам будут платить зарплату, компенсируют питание, выдадут ноутбук. Наставник будет помогать с первого дня — с его поддержкой будет гораздо проще разбираться в новых задачах. Важно отправить заявку с резюме и портфолио как можно скорее — прием заканчивается уже 6 сентября. После вас ждет тестовое и два интервью, и в случае успеха — оффер на Design Bootcamp.

В Figma обновили работу с векторами, появился полноценный ластик и улучшили Paint Bucket. Теперь можно стирать отдельные участки векторных контуров прямо на холсте, а заливку или градиент — протягивать сразу через несколько областей, чтобы быстро их перекрашивать. Ластик работает в режимах Vector Edit и Draw, горячая клавиша: Shift + E.

В Figma появились новые настройки переноса текста: Pretty и Balance Теперь не придется вручную расставлять переносы, чтобы заголовок выглядел аккуратно, а на последней строке абзаца не оставалось одно слово. В настройках текста появились два варианта: Balance делает строки примерно одинаковыми по длине. Подойдет для заголовков, подзаголовков, цитат и коротких подписей. Pretty сохраняет более естественный рисунок текста, но старается не оставлять одно слово на последней строке. Его удобнее использовать в описаниях, карточках и небольших абзацах.

В Figma появились вложенные папки. Теперь файлы и проекты можно организовывать в несколько уровней, создавая папки внутри папок. Обновление постепенно становится доступно всем пользователям.

Mega Warp — бесплатный плагин для трансформации слоёв: перспектива, изометрия, 3D-повороты, изгибы и мокапы произвольной формы. Есть пресеты и предпросмотр в реальном времени. Install plugin

Друзья, обычно на этом канале только про дизайн. И за все годы я ни разу не просил вас о подобном. Но сегодня хочу сделать исключение. У нашего модератора чата @reddsquare случилась беда. Его собаку госпитализировали в тяжёлом состоянии. До этого момента он самостоятельно оплатил лечение — уже около 450 000 ₽, но впереди ещё дорогостоящая терапия, и одному справиться уже очень сложно. Если у вас есть возможность помочь — буду очень благодарен. Любая сумма имеет значение. Всю информацию о ситуации можно посмотреть здесь: https://afina-help.tilda.ws/ Поддержать сбор: https://tbank.ru/cf/6NeIU9cgf6i Все отчёты по поступлениям и расходам будут публиковаться в комментариях к этому посту

Smooth Corners — плагин, который добавляет Apple-style continuous corners к любому фрейму, прямоугольнику или изображению. Install plugin

3D Inflate Shader — шейдер, который позволяет буквально в пару кликов превратить любой элемент в объемный 3D-объект. Открыть в Figma Community

Смотреть на чужие курсоры в Figma — бесплатно. Обсуждать дизайн, продукты и реальные кейсы с теми, кто их делает, — уже на Кайференции. 19 июля в Москве «Прагматика» соберет более 600 специалистов из сферы дизайна, продуктов и диджитала. Вместо привычных лекций — живое общение, дизайн-батл с участием команд Авито, МТС, Т-Банка и других компаний, открытый микрофон и активности для нетворкинга. Это возможность познакомиться с коллегами, обсудить рабочие процессы, обменяться опытом и просто провести день в профессиональном сообществе без формальной атмосферы. Осталось меньше 100 билетов. Подробности и регистрация

Figma опубликовала AI Report 2026 Главное: AI перестает быть инструментом для одного человека и становится способом совместной работы команд. Несколько интересных цифр: – 41% специалистов считают, что AI уже заметно меняет командную работу. Два года назад так отвечали только 7%. – Дизайнеры все чаще участвуют в разработке: с 21% до 41% за год. – Разработчики, наоборот, активнее вовлекаются в дизайн: с 44% до 60%. – 76% респондентов выполняют как минимум половину своей работы прямо на холсте (canvas), а 60% проводят там большую часть рабочего времени. В Figma считают, что с развитием AI роль дизайна становится только важнее. Генерация интерфейсов, кода и контента становится проще, но именно люди решают, что стоит создавать, как это должно работать и какие компромиссы выбрать. Еще один вывод исследования: успешнее всего AI внедряют компании, где изменения идут одновременно снизу (от команд) и сверху (от руководства), а процессы становятся общими для всех, а не остаются набором личных приемов. www.figma.com/reports/2026-ai-report/

Графический дизайн — это не про талант. Гораздо важнее насмотренность, понимание современных трендов и уверенное владение инструментами. Этому можно научиться на курсе «Графический дизайнер» от Нетологии. Что внутри: — 7 инструментов графического дизайнера, включая программы Adobe. — Практика в Figma на интерактивном тренажёре. — 8 проектов в портфолио, в том числе по брифам «Детского мира», «Самолёта» и Agima. — Возможность брать первые заказы уже через 4 месяца. — Диплом о профессиональной переподготовке по окончании обучения. Сейчас курс доступен со скидкой 45%. При покупке до 14 июля — доступ к Базе знаний Нетологии с материалами по ИИ, программированию, гибким навыкам и другим направлениям. По промокоду GRAFDES10 — дополнительная скидка 10 000 ₽. Узнать подробнее

Big Crunch — плагин, который заменяет ручную подготовку изображений после экспорта из Figma. Меняет размер, конвертирует в WebP/JPG/PNG и сжимает файлы до нужного веса. Intall plugin