Figma Config 2025: Итоги

Figma превращается в конструктор сайтов, презентаций и даже маркетинговых материалов. Ниже — краткий обзор фич, которые уже доступны или скоро будут: Figma Sites Полноценные сайты прямо из Figma. Блоки, шаблоны, адаптив и базовая CMS. Работает почти как Framer, но с нативным флоу. Ожидается платный тариф. Figma Make AI пишет интерфейсы по тексту. На демо выглядит как магия, но в реальности — пока зачаточная стадия. Построено на Claude 3.7. Figma Buzz Автоматическая генерация контента: тексты, баннеры, изображения. Звучит как Canva на стероидах. Полезно для маркетинга, сомнительно для дизайнеров. Figma Draw Собственный векторный редактор с кистями, шейпами и текстурами. Почти как Illustrator, но в браузере. Наконец-то. Figma AI Набор шорткатов для генерации, рефакторинга и поиска. Прототипы, поиск по UI, автокомментарии, переименование слоёв. Всё, чтобы не трогать мышку. UI3 Редизайн интерфейса: стало чище, чище, ещё чище. Для кого-то удобнее, для староверов — боль. Figma Slides Презентации внутри Figma. Можно вставлять дизайн-фреймы, добавлять интерактив, генерировать текст через AI. Альтернатива Pitch и Keynote. Dev Mode 2.0 Теперь и для разработчиков: состояния “Ready for Dev”, интеграции с кодом, фокусный просмотр. Улучшает передачу, если все в экосистеме Figma. Мелочи: Обновлённый файловый браузер, новые иконки, управление коллекциями, улучшения FigJam и контраст-чекер. 🧠 Общее впечатление: Figma превращается в операционку для продуктовых команд. Меньше “дизайна ради дизайна” — больше фокуса на продакшн. https://www.config.new/
Изображение поста

Изменения шорткатов в Figma

Как с помощью AutoHotkey поменять горячие клавиши в Figma Смотреть урок Dизайн
Изображение поста

Доброе утро!

В сегодняшнем обновлении появились новые функции для выравнивания: 1. При множественном выделении в правом верхнем углу рамки выделения виден маленький серый квадрат. Зажмите его и потяните курсор, чтобы упорядочить объекты и задать равный интервал между ними. 2. В меню выделения объектов в пункте «Выравнивание» добавлены команды «Распределить равномерно по горизонтали» и «Распределить равномерно по вертикали». Также несколько мелких улучшений: - Удерживайте Shift, чтобы рисовать прямые линии под нужным углом (а не только под 0, 45 и 90). - Для хайлайтера добавлен шорткат Shift + P.
Изображение поста

5 горячих шорткатов в Figma

⏱ 5 горячих шорткатов в Figma, которые ускоряют работу: 1. ⌘ + / (или Ctrl + /) — поиск любого действия 2. Shift + A — автолэйаут на элемент 3. Opt + Cmd + K (или Alt + Ctrl + K) — создать компонент 4. K — быстрое переключение в масштабирование 5. Cmd + Shift + G — разъединить фрейм/группу Изучай клавиши — скорость решает. #figma #шорткаты #дизайнбыстро
Изображение поста
Очередное обновление Figma:
→ Скрытие и отображение переменных заливок → Быстрый переход к главному компоненту через шорткат (⌘ ⌥ ⌃ K для macOS и Ctrl Alt ⇧ K для Windows) → Удобное дублирование и копирование стилей. Как минимум, за понятное дублирование стилей однозначно лайк. Все это лишь затравка перед предстоящим Config, который пройдет уже в мае. Какие фичи ожидаете больше всего? No-code и коннекторы не предлагать!
Изменения шорткатов в Figma
Как с помощью AutoHotkey поменять горячие клавиши в Figma Смотреть урок Design Box
Изображение поста
Апрельское обновление Figma:
→ Скрытие и отображение переменных заливок → Быстрый переход к главному компоненту (шорткат: ⌘ ⌥ ⌃ K для macOS и Ctrl Alt ⇧ K для Windows) → Дублирование и копирование стилей → Улучшенное описание UI-компонентов → Перетаскивание окна переменных за всю верхнюю часть → Автоматическое сохранение изменений переменных → Подсказки при наведении на имена компонентов → Кнопка редактирования теперь правильно выровнена → Улучшено отображение переполненного текста в окне стилей
Полезные шорткаты в Figma
Изображение поста
Как вести проект в After Effects чтобы ускорить работу
Расскажу как настроить удобный workspace, как лучше организовывать рабочее пространство, как настроить шорткаты, чтобы ускорить работу и упаковывать итоговый проекта для хранения всех зависимостей. Поехали! 👀 Смотреть 😄 Графика и дизайн
Изображение поста
История о том, как Figma в связке с Tilda разрушили мой рабочий день 🦈
СПОЙЛЕР: Framer всё изменил к лучшему. Знакомо: вы согласовали с клиентом дизайн в Figma. Все довольны, макет идеален. А потом вспоминаете, что теперь это нужно перенести в Tilda. И тут начинается ад: → Сетки в Tilda живут по своим законам (как будто их проектировали на обратной стороне Луны). → Кнопки уплывают вникуда, стоит только ткнуть в «мобильную версию». → Хоткеи? Какие хоткеи? Тыкай мышкой, как в 2007-м. Это как после BMW пересесть на трактор: руль есть, педали тоже, но едет криво и скрипит 🫠 А потом я открыл для себя Framer и ... 🔑 Словно взяли Figma, добавили волшебную кнопку «Сделать сайтом!» и сказали: Работай как привык. Ничего переучивать не надо. Что осталось родным: → Все панели — слои, свойства, страницы, инструменты — на своём месте. → Тот же Alt + Drag по привычке дублирует элементы. → Даже шорткаты для копирования стилей (CMD + Opt + C) — и те работают. Выше прикрепил скринкаст: как я копирую секцию из Figma во Framer → и сразу публикую. Время: 33 секунды. 😵 Фишка для тех, кто устал от Tilda: Framer — это не «ещё один конструктор». Это ваш Figma-макет, только он ещё и дышит, на него можно кликнуть и он живёт онлайн. P.S.: На моём обучении будет лайфхак: «Как за 15 минут подготовить Figma-макет для переноса в Framer, даже если вы никогда не верстали». Стало интереснее? 🔥
Шорткат для обратной анимации в After Effects by dadaew_m
Если вы все еще возитесь с копированием, вставлением и корректировкой ключей для создания обратной анимации, то просто зажмите Shift, перед тем как вставить) #лайфхак #aftereffects
Шорткат для обратной анимации в After Effects by dadaew_m
Если вы все еще возитесь с копированием, вставлением и корректировкой ключей для создания обратной анимации, то просто зажмите Shift, перед тем как вставить) #лайфхак #aftereffects
Команда Dimension (шорткат "=") умеет очень точно поправить сплайны-примитивы и поверхности на модели.
Для сплайнов: Можно поправить пропорции прямоугольника и поправить диаметры окружностей Для поверхностей: Можно изменить диаметры цилиндров и сфер, изменить радиус обычного филета, а также выровнять позицию поверхности относительно другой. Для тел: Можно поправить пропорции примитивов. Чаще всего этим можно воспользоваться вместо удаленной команды Refillet face, чтобы откорректировать простые фаски. Для моделей выше среднего уровня проработки такие команды почти бесполезны. 📐
нельзя работать без любви
на самом деле очевидная и мне, и вам штука! но мы так часто забываем о любви к своему делу, погружая себя в рутину. а как иначе? поделитесь, если вдруг вы уже нашли формулу потому что последние две недели у меня оказались очень насыщенными: много работаю, а после работы занимаюсь дипломом. иногда бывает сложно просто взять себя в руки и продолжать креативить и выдавать интересные мысли в течение 12 часов сидения за ноутбуком, при этом не ныряя с головой в рутинное нажатие шорткатов что в эти моменты спасает меня от выгорания и помогает сохранить любовь к делу? все базово: ежедневный час спорта, чаще всего это растяжка/пилатес/балет, просмотр рилсов или сериалов, чтобы абсолютно переключить мозг (любители быстрого дофамина, я с вами), время с семьей и близкими и, конечно, здоровый сон
Изображение поста
Официальный выпуск нового интерфейса и новых инструментов в Plasticity назначен на 25 Февраля.
Что нового: — Свежий UI. По крайней мере его первая итерация. — Значительно улучшены XNurbs и Square. — Функция Slide которая позволяет корректировать точки вдоль каркаса сплайнов и поверхностей. — Новая опция Explit для ребилда кривой. — Докручен функционал Move который научится таскать CV по всякому разному). — Пивот сохраняет свою позицию, также можно переключать режимы положения пивота Local/Cplane/World. — Прокачали привязки, Tan/tan научится привязываться не только к окружностям, привязка к CV, коициденты и привязка к ближайшей точке. — Инструмент для анализа толщины Section analysis. — Библиотека использованных в проекте материалов. Можно будет теперь выделять все объекты с назначенным тем или иным материалом. — Проект теперь умеет сохранять превьюшку, и даже можно будет в винде увидеть как выглядит проект. Инструкцию по установке сделаю когда то будет это работать, лол.. — В меню будет ссылка на обновления пластисити. — Добавили много подсказок для функций и ссылку сразу в мануал — Ну и всякого по мелочи, по типу обновленное меню вызова команд или панель рисования которую можно перетаскивать к разным краям экрана. Я считаю что шаг неоспоримо верный с сменой UI, однако интерфейс стал более непредсказуемым. Увеличилось количество кликов и слишком умных контекстов. Проще всего вызвать команду запомнив шорткат или просто найти команду по первым трем буквам. Панель избранного тоже "улучшили" отсортировав частые команды по алфавиту а не по порядку. Ждем, короче) 📐
Изображение поста
Изменения шорткатов в Figma
Как с помощью AutoHotkey поменять горячие клавиши в Figma Смотреть урок 🏛DESIGN HUB
Изображение поста
Button Shortcuts
buttonshortcuts.com — программа для macOS автоматический определяет приложение в котором вы работаете и показывает все его шорткаты с возможностью их поиска, полезно тем кто хочет ускорить свой рабочий процесс. #site
Изображение поста
Button Shortcuts
buttonshortcuts.com — программа для macOS автоматический определяет приложение в котором вы работаете и показывает все его шорткаты с возможностью их поиска, полезно тем кто хочет ускорить свой рабочий процесс. #site
Изображение поста
⚡️ Как ускорить адаптацию дизайна в zero-блоках
Поделюсь парочкой своих лайфхаков, как оптимизировать процесс верстки адаптивов в zero-блоке Тильды: 🔸 Прежде всего я адаптирую сайт поблочно. Сверстала десктоп одного блока — и тут же все его мобильные версии. Таким образом, переходя к верстке следующего блока, я могу скопировать повторяющиеся элементы дизайна уже вместе с готовым адаптивом и сэкономить на этом время. Особенно актуально для заголовков или однотипных карточек. 🔸С появлением автолейаутов адаптация сложных массивов элементов стала гораздо легче. Достаточно правильно выставить настройки внутри АЛ, и можно их адаптировать только лишь изменением ширины группы. 🔸В ситуации, когда копии элементов смещаются относительно оригинала на 10рх вправо и вниз на адаптивах, я делаю следующее: растаскиваю элементы как получится, соблюдая только правильный порядок. Затем либо использую шорткаты от аннекса по выравниванию по одной стороне, либо кнопки на панели настроек справа (как на видео). И вторым шагом ставлю расстояние между объектами для упорядочивания. Здесь еще можно сбросить адаптив у элементов, но мне привычнее делать именно так 🙂 🔸Еще я использую всегда различные привязки, не только стандартный left / top. Например, привязав элемент к right / bottom, мне не нужно на каждом новом брейкпоинте его двигать в правый нижний угол — он всегда будет там стоять на своих координатах. Надеюсь, мои советы были вам полезны ☺️ Если у вас есть свои фишки по верстке адаптивов в zero-блоке — поделитесь ими в комментариях 💖 #верстка #тильда
Приложение для шорткатов
Когда тех, кому трудно запоминать горячие клавиши, сделали такое промежуточное решение. Я вообще это сохранил потому что интересная механика как колесо выбора оружия в играх, а так интересно было бы просто применить как контекстное меню. Вот тут само приложение на Mac, пока что доступен только преордер ↗ @goodux · источник