Figma Design
106K subscribers
986 photos
315 videos
1.44K links
Сотрудничество: @normanross
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Big Crunch — плагин, который заменяет ручную подготовку изображений после экспорта из Figma. Меняет размер, конвертирует в WebP/JPG/PNG и сжимает файлы до нужного веса.

Intall plugin
Figma опубликовала AI Report 2026

Главное: AI перестает быть инструментом для одного человека и становится способом совместной работы команд.

Несколько интересных цифр:
– 41% специалистов считают, что AI уже заметно меняет командную работу. Два года назад так отвечали только 7%.
– Дизайнеры все чаще участвуют в разработке: с 21% до 41% за год.
– Разработчики, наоборот, активнее вовлекаются в дизайн: с 44% до 60%.
– 76% респондентов выполняют как минимум половину своей работы прямо на холсте (canvas), а 60% проводят там большую часть рабочего времени.

В Figma считают, что с развитием AI роль дизайна становится только важнее. Генерация интерфейсов, кода и контента становится проще, но именно люди решают, что стоит создавать, как это должно работать и какие компромиссы выбрать.

www.figma.com/reports/2026-ai-report/
This media is not supported in your browser
VIEW IN TELEGRAM
3D Inflate Shader — шейдер, который позволяет буквально в пару кликов превратить любой элемент в объемный 3D-объект.

Открыть в Figma Community
1
This media is not supported in your browser
VIEW IN TELEGRAM
Smooth Corners — плагин, который добавляет Apple-style continuous corners к любому фрейму, прямоугольнику или изображению.

Install plugin
2
This media is not supported in your browser
VIEW IN TELEGRAM
Mega Warp — бесплатный плагин для трансформации слоёв: перспектива, изометрия, 3D-повороты, изгибы и мокапы произвольной формы. Есть пресеты и предпросмотр в реальном времени.

Install plugin
1
This media is not supported in your browser
VIEW IN TELEGRAM
В Figma появились вложенные папки.

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

Функцию уже начали раскатывать, в течение нескольких недель она станет доступна всем пользователям.
This media is not supported in your browser
VIEW IN TELEGRAM
В Figma появились новые настройки переноса текста: Pretty и Balance

Теперь не придется вручную расставлять переносы, чтобы заголовок выглядел аккуратно, а на последней строке абзаца не оставалось одно слово.

В настройках текста появились два варианта:

Balance делает строки примерно одинаковыми по длине. Подойдет для заголовков, подзаголовков, цитат и коротких подписей.

Pretty сохраняет более естественный рисунок текста, но старается не оставлять одно слово на последней строке. Его удобнее использовать в описаниях, карточках и небольших абзацах.
2
This media is not supported in your browser
VIEW IN TELEGRAM
В Figma обновили работу с векторами, появился полноценный ластик и улучшили Paint Bucket.

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

Ластик работает в режимах Vector Edit и Draw, горячая клавиша: Shift + E.
5
Авито открыл набор на оплачиваемую программу, которая позволяет прокачать навыки в сфере дизайна продукта и коммуникационного дизайна — Avito Design Bootcamp.

Также среди направлений UX-исследования и UX-редакция. Участники будут решать реальные задачи бизнеса — это возможность развивать продукт для миллионов людей, чтобы усилить навыки и стать из стажера мидлом. Лучшие получат возможность продолжить карьеру в компании.

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

Важно отправить заявку с резюме и портфолио как можно скорее — прием заканчивается уже 6 сентября. После вас ждет тестовое и два интервью, и в случае успеха — оффер на Design Bootcamp.
This media is not supported in your browser
VIEW IN TELEGRAM
Perspectivo — плагин позволяет наклонять объекты по двум осям, настраивать глубину и оборачивать графику вокруг сферы. Работает с фигурами, текстом, группами и фреймами, сохраняя результат в векторе без растрирования.

Install plugin
This media is not supported in your browser
VIEW IN TELEGRAM
Figma рассказала, как создавала генеративные плагины и шейдеры.

Теперь их можно создавать через AI-агента, публиковать в Community, добавлять анимацию и интерактивность, редактировать исходный код и переносить шейдеры в React через MCP.

www.figma.com/blog/how-we-built-generative-plugins-and-shaders/
This media is not supported in your browser
VIEW IN TELEGRAM
Управление прозрачностью через переменные

Figma разрешила задавать opacity цветовой переменной через числовую переменную. Теперь состояния disabled, оверлеи и scrim-слои можно обновлять массово, не отвязывая цвета от библиотеки.

help.figma.com/hc/en-us/articles/14506821864087-Overview-of-variables-collections-and-modes#colorvar
This media is not supported in your browser
VIEW IN TELEGRAM
Между режимами теперь можно быстро переключаться шорткатами.

Option (Alt на Windows) + Tab - следующий режим
Option (Alt на Windows) + Shift + Tab - предыдущий

Также нужный режим можно выбрать курсором.

Обновление станет доступно всем пользователям в течение недели.
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.
На маркетплейсах встречают по карточке.

Пока покупатель ещё не смотрит характеристики и отзывы, ваш товар уже конкурирует за внимание с десятками других. Поэтому карточка должна не просто выглядеть красиво — она должна продавать.

На курсе Нетологии вы с нуля научитесь создавать карточки для Ozon, WB и Яндекс Маркета: анализировать конкурентов, работать с фото, собирать инфографику и галерею, использовать Figma, Photoshop и нейросети. В финале — готовый проект в портфолио.

На расширенном тарифе — дизайн-системы для брендов, видео и анимация, а также ИИ-инструменты для быстрой работы с целыми линейками товаров.

В сентябре — скидка 40% и 5 курсов по ИИ в подарок.

Подробности и программа
This media is not supported in your browser
VIEW IN TELEGRAM
Recolor — плагин для быстрой замены цветов в выбранных объектах. Находит заливки, обводки, текст, тени и градиенты, а затем позволяет заменить нужный цвет сразу везде.

Install plugin
Небольшое обновление папок в Figma:

→ теперь видно превью файлов внутри папки
→ цвета папок стали заметнее
→ папки можно дублировать
5
This media is not supported in your browser
VIEW IN TELEGRAM
Небольшой лайфхак для Figma: левую панель можно скрыть и оставить больше места под работу.
3