Сливы на предстоящую презу Фигмы

Если вы ещё не подписаны в Х на Джейн Манчун, то зря. Она разработчик, которая копает многие сервисы и ищет всякие интересные вещи в коде и так далее через diff‑ы новых APK/IPA‑файлов и скрытые флаги. Мне до этого далеко. С 2017 года она опубликовала сотни эксклюзивных находок (Spotify, нельзяграм и прочие), благодаря чему её твиты читают как журналисты, так и сами инженеры Big Tech. В 2022 году Forbes включил Вонг в список «30 до 30» в категории Social Media. Сейчас она работает инженером по безопасности (ex‑Instagram/Threads) и остаётся неформальным «спойлером» Так вот буквально 11 часов назад она слила программу того, что Фигма должна показать на Конфиге, который будет вот-вот (это презентация Фигмы ежегодная) – конструктор сайтов (уже видели); – grids для autolayout; – figma ai app maker (оО); –тулза для иллюстраций. Кстати, работать тулза по генерации мобильных приложений должна на claude sonnet аишке В общем, сюрпризов мне кажется ждать на конфиге уже не стоит) Всё очевидно. Фигма пришла к аишке и хочет убить framer, который сейчас в популярности, ибо 1в1 фигма только в код. Но ребята решили потихоньку их вытеснять. Но хз сколько у них времени это займёт, ибо framer уже в космосе, а то что я видел по сливам билдера сайтов в фигме, это какой-то супер мвп начальный для простеньких страничек. Что думаете?) Как скоро сможем в Фигме делать сразу полноценные флоу в код? Мне кажется не скоро. Курсор и прочие ребята улетели в стратосферу, а там даже навыки кодинга не нужны, чтобы строить продукты. Я вот тоже свой делаю сейчас) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста

Auto Layout в Figma: почему ты всё ещё не используешь его правильно?

Auto Layout — не модная фишка, а инструмент, без которого в 2025 работать уже стыдно. Вот что нужно знать: 1. Контейнер — главный. Всё начинается с него. Автолэйаут применяешь к фрейму, не к рандомным слоям. 2. Оси и отступы — это сердце. Понял, как работают direction + spacing — уже стал быстрее на 20%. 3. Паддинги ≠ марджины. Отступы внутри контейнера — одно, между элементами — другое. Путаешь — дизайн плывёт. 4. Хватает ручной верстки? Auto Layout позволит делать формы, карточки, таблицы, модалки — всё. А главное, их можно растягивать, сжимать и переиспользовать без боли. 5. Stack + wrap — Auto Layout 5.0 добавил обёртку по строкам. Карточки сами встают в две, три, сколько надо колонок. Если ты хочешь дизайн, который масштабируется, адаптируется и не разваливается при любом чихе клиента — Auto Layout нужен. Освой один раз — сэкономишь часы на правках. #figma #autolayout #ui #дизайн #вебдизайн #ux #инструменты #гайд #практика
Изображение поста

Autolayout converter

Плагин для более быстрого и удобного поиска нужных фреймов в сложных проектах Install 🖼 Figma Дизайн
Изображение поста

Как сделать скошенные контурные кнопки с AutoLayout в Figma

Autolayout All — плагин добавляет auto layout сразу к нескольким выбранным элементам.
Топ 10 карточек товара для Wildberries
Привет всем! Рассказываю про шаблоны карточек товара Wildberries. Сетки, Figma, Autolayout, шрифты, нейросети и другие полезные инструменты, лайфхаки, советы для работы дизайнера и продавца на маркетплейсе. 👀 Смотреть 😄 Графика и дизайн
Изображение поста
Рисуем в Figma мобильное приложение
На примере экранов концепта мобильного приложения прогноза погоды рисуем дизайн в Figma. Декомпозиция макетов с целью обучения, настройки модульных систем (сетки), композиции элементов, работа с AutoLayout и другие полезные действия и советы. 👀 Смотреть 😄 Графика и дизайн
Изображение поста
Веб-сайт онлайн-курсов.
• Удобный интерфейс • Образцы доступны в 3-х размеров экрана. • Идеальный дизайн. • Сборка с autolayout. • Легко редактировать. #template #website Открыть в Figma
Как использовать AutoLayout и Variants в дизайн-системах
Дополнительное видео для 13 модуля курса Веб-дизайн с нуля на Figma. С момента записи модуля фигма обновилась. Рассказываю как пользоваться новым функционалом) 👀 Смотреть ⭐️ Open Design | Графика, Дизайн
Изображение поста
Как сделать скошенные контурные кнопки с AutoLayout в Figma
Автолейауты в Тильде
Группы с функцией AutoLayout в zero-блоке: Есть ли смысл их сейчас использовать? Мой короткий ответ: Да, но... Развернутый ответ: Новая фича zero-блока — группы с автолейаутом — работают по принципу флекс-боксов из обычной верстки или аналогичных автолейаутов блоков из фигмы. Звучит круто, но на практике пока применимо лишь с Grid и Автоскейл версткой и то с некоторыми ограничениями. Преимущество AutoLayout: 🔸 Упрощение адаптации и изменения контента флекс-групп Это хоть и единственный плюс, что я вижу, он довольно ощутимый. Если правильно настроиться на блочную вёрстку, она будет быстрой и лёгкой, а адаптация вообще займет пару кликов. Теперь о минусах: 🔻 Группы позиционируются только по Grid контейнеру, соответственно верстка по Window с автолейаутами невозможна 🔻 Привязка групп только Top / Left по умолчанию, а значит верстка экранов с адаптивной высотой с привязкой Bottom невозможна (также нельзя задать размер группы в % под высоту экрана) Эти минусы чисто технические и в будущем, надеюсь, Тильда изменит эти моменты 🥺 Примечания: 🔹 Контент для автолейаутов должен быть структурирован по правилам блочной верстки и иметь ритм, иначе смысл в использовании автолейаутов отпадает. Креатив и необычные решения в группы не утрамбовать, как бы вы не старались. Из-за чего некоторым будет верстать в автолейаутах даже сложнее: у кого-то дизайн не подойдет под стандартную блочную верстку, а кому-то будет не понятен сам принцип флекс-групп. 🔹 Обводка группы смещает контент внутрь на расстояние, равное своей толщине, поэтому паддинги надо задавать за вычетом толщины обводки. 🔹 Автолейауты все еще находятся в бета-тестировании, это значит, что возможна их некорректная работа, а их функционал все еще дорабатывается. Например, ожидается добавление параметра Fill для размеров групп. Я понемногу уже начала пробовать применять автолейауты в текущем проекте, багов пока никаких не обнаружила. Уже почувствовала, как стало сильно проще верстать: редактируешь контент в группах и не боишься, что очередной элемент на адаптивах уедет в Самару, как вордовский документ при редактировании таблицы 😅 А кто из вас уже пробовал применять автолейауты? Какие впечатления? ) P.S. Для знакомства с автолейаутами и понимания, как они работают, рекомендую посмотреть эфир на канале Тильды: https://vk.com/video-89546664_456240038 #верстка
Плагин «Autolayout converter» by Figma Utility’s Developers
Плагин для более быстрого и удобного поиска нужных фреймов в сложных проектах 🔍 Скачать плагин 🔍 #plugin
Изображение поста