Эффект Liquid Glassв Figma — как в новом обновлении от Apple 🪄
В комментариях — инструкция, как собрать эффект вручную
А для тех, кто на платформе Ready? Set. Create!, доступен шаблон этого эффекта в разделе Шаблоны Figma
— его можно дублировать в свой проект и сразу применить 🫰🏼
#figma@mariinavodesign
Провтыкал инфоповод, но лучше поздно чем никогда :)
Figma теперь нативноподдерживает видео в прототипах
Что нужно знать:
– Ограничение на одну загрузку 30 MB в формате MP4;
– Можно отключать звук, устанавливать Play/Pause/Stop и Autoplay;
– Для Starter aka. Free тарифа фича недоступна, только если вы не публикуете проект в Figma Community.
Вот разрабы ахуеют грузить проект конечно 🙃
🔗Как добавить видео · Prototypes playground
P.s. В рамках этого обновления, теперь тянуть связи можно на выбор из любой грани объекта, удобно
#figma
👨🎨Schema 2025: Design Systems For A New Era
Вначале не хотел ничего писать про обнову, но бля, там реально есть что разжевать и рассказать, чтобы вы были прокачены знаниями. Короче, Figma заявляет: дизайн-системы больше не просто библиотеки компонентов, а основа всего процесса разработки — от идеи до кода, от дизайнера до разработчика
🚬
Что нас ждет в ноябре:
1️⃣Прокачали интеграцию дизайна и кода
Теперь можно импортировать дизайн-библиотеки в код или наоборот. Всё через «Make kits» и GitHub. Берём стили и переменные из Figma, а на выходе получаем React-компоненты и CSS-файлы. Как это работает в реальности — хуй его знает, надо проверить
2️⃣Прокачали работу с AI и контекстом
Обещают меньше мороки с контекстом, чтобы AI-агенты перестали творить дичь. Figma MCP Server обеспечивает точную передачу контекста из проекта в IDE. Плюс добавили AI-ассистента, который сам проверяет макеты на соответствие вашей дизайн-системе
🫥 Ну допустим…
3️⃣Компоненты нового поколения: Slots
Одна из сильнейших фич! Теперь можно создавать комбинированные компоненты, внутрь которых динамично вставляется своё содержимое (слоты) и при этом ничего не ломается. Ура, конец хакам и костылям
4️⃣Design Systems Remodel
Под капотом — серьёзный апгрейд: редактирование больших файлов ускорилось до 60%, лаги исчезли, работа с потоками данных стала стабильнее
5️⃣Мультибрендовые дизайн-системы
Ещё одна боль ушла, теперь можно управлять саббрендами, стилями и темами из одного источника истины с нормальной синхронизацией и без шаманства
Пока все спорят, кто кого заменит, Figma продолжает дополнять свою инфраструктуру, где всем найдётся место
#figma#новости
👨🎨Итоги Figma Config 2025
Всё самое важное в одном посте
Смотрел конфу на эмоциональных качелях. С одной стороны мощные анонсы новых инструментов, которые кардинально расширят возможности дизайнеров, разработчиков и команды в целом. Но вот с другой стороны, ебучий промпт-инжиниринг aka вайб-кодинг продолжает занимать пространство. Вот главное из конфы:
🖌️Figma Draw — новый режим обновлённой панели слоёв и свойств, типа Adobe Illustrator на минималках
✅ Инструменты: лассо, shape builder, multi-edit
✅ Текст по произвольному контуру, спасибо
✅ Кисти с ручной стилизацией и пресетами
✅ Текстуры, паттерны, шум и прогрессивное размытие
✅ Переменные и динамичные ободки
📐Grid — адаптивные сетки, теперь мы ещё сильней утонем в Bento UI
✅ Возможность растягивать элементы на несколько колонок или строк
✅ Жёсткая настройка размеров ячеек
✅ Поддержка CSS-сеток в Dev Mode
📢Figma Buzz — брендированные шаблоны и ассеты для не дизайнеров, например для маркетолога или менеджера
✅ Контроль над редактированием в рамках гайдлайнов
✅ Массовое создание контента из таблиц, привет тоннам однотипного контента
✅ AI-мод для генерации изображений, удаления фона и рерайта текста
🌐Figma Sites — публикация дизайна в веб, самая таинственная фича из всех. Можно ли будет привязать свой домен, смотреть аналитику, какие вообще технические параметры можно крутить и какие ограничения. Стоит ли мне и команде Framer напрягаться?
✅ Импорт дизайнов прямо из Figma
✅ 50 готовых шаблонов
✅ Адаптивность и эффекты (scroll, marquee и др.)
✅ Live-просмотр HTML и публикация сайтов напрямую из Figma
🪄Figma Make — прототипы через промт, теперь ещё одно очко в копилку недалекого управленца «нахуй нам так много дизайнеров и фронтендеров в отделе, давайте сокращать штат». Если не смотрели мою рубрику «Индус vs AI», самое время глянуть как ИИ сосёт
✅ Пишем промт и получаем какой-то посредственный дизайн с возможностью правки слоёв
✅ Публикуем всё как веб-страницу через Figma Sites
🎛Performance improvement — не обошли стороной оптимизацию производительности для больших файлов, включая сокращение времени загрузки на 33% и обновления архитектуры дизайн-систем
🕳
Фичи на разных стадиях релиза, чтобы активировать новую вкладку «Templates and tools» — заходим в Figma Community. Доступ будет для Full seat уже в ближайшие недели, бесплатные кресла кажется соснут писос.
Доклад завершили идей про то, что компания помогает ускорить переход от идей к готовым продуктам, демонстрируя эволюцию инструментов дизайна в браузере. В целом, конфа подчёркивает стремление Figma улучшать рабочие процессы дизайна, командное сотрудничество и связку с разработкой, но... кажется, ребята создают среду для создания «пластикового» и однотипного дизайна, а количество споров «как делать дизайн» будет расти, ибо любой менеджер написавший промт — получит готовый экран, который с вероятностью 88% будет визуально приятным куском дерьма. А перенос коннекторов aka стрелочек из FigJam в Figma оставили как киллер-фичу на 2026 год.
🎞Config 2025
🔗Release Notes
#figma#новости
👨🎨 FigmaUpdate
В последнем релизе Figma, кстати, появилось целых три классных шутки:
1️⃣ Появились аннотации с настраиваемыми цветовыми категориями, которые создаются в режиме дизайна
2️⃣ Добавили проверку контрастности по стандартам доступности, при работе с цветом
3️⃣ Добавили возможность свободно менять порядок модов переменных в коллекциях и самих коллекций
#figma#новости
👨🎨Обновление тарифов Figma
Отставить панику! Тарифы получились нормальные, а цены справедливыми. В посте буду указывать стоимость за месяц при годовой оплате. Итак, какие изменения нас ждут в 2025 году:
Starter
⚪️Editor: $0 ▶️ остаётся как есть, урезать не намерены
⚪️Viewer: $0 ▶️ остаётся на всех тарифах
Professional
⚪️Editor: $12 $16 ▶️ в тариф включены все модули, включая FigJam, который ранее покупался отдельно за $5
⚪️Dev: $12 ▶️ ранее нельзя было купить на этом тарифе доступ разрабу, а теперь можно с бонусом Jam+Slide
⚪️Collab: $3 ▶️ новое кресло под менеджера, доступен только Jam+Slide
Organization
⚪️Editor: $45 $55 ▶️включены все модули
⚪️Dev: $25 ▶️ цена та же, но с DevMode дали Jam+Slide
⚪️Collab: $5
Enterprise
⚪️Editor: $75 $90 ▶️ включены все модули
⚪️Dev: $35 ▶️ цена та же, но с DevMode дали Jam+Slide
⚪️Collab: $5
🕳
Главные мысли
Администрирование фигмы станет проще. Тарифы стали более гибкими, а цены выросли не на все стулья. Нормал короч
🪖
🔗Figma Pricing
#figma#новости
👨🎨Config Figma 2024
Ребята показывают эталонный пример как делать конфу приуроченную к очень сбалансированному и сочному релизу. Невероятно крутая работа проделана, а нас ждёт мощное обновление.
Но! Мне надо будет всё проверить на себе, прежде чем написать пост, ибо в некоторых местах не всё так однозначно, да и мнение разработчиков про интегрируемый код нужно узнать.
Советую всем посмотреть эту конфу в свободное время, т.к. команда фигмы демонстрирует хорошой пример подачи материала, философии продукта, да вообще про за инструмент плотно стелят
💪
🕳
Что восхитило:
⭐️ Автогенерируемый auto layout
⭐️ Новые состояния лейбла Ready for Dev с описанием и история изменений в DevMove
⭐️ Подключение реального фрагмента когда из проекта к компоненту (но есть вопросы)
⭐️ Конечно переработанные панельки и редизайн в целом
⭐️ Вроде бы реально полезный вызов AI, для решения рутинных операций: найти похожее, создай связи для прототипа, переведи UI и так далее.
⭐️ Мобильное приложение теперь работает с iPad и Pencil
Короче надо смотреть, трогать и потом формулировать мысли. А огрызки текста написанные впопыхах с хуёвым качеством скринов вы и так почитаете в других местах
😃
🔗Текстовый вариант конференции
#новости#figma
👨🎨Figma идёт к иллюстраторам
Недавно AI-разработчик Jordan Singer из Figma, показал работающий прототип нового сервиса, в котором UX заточен на рисовку + интегрирована работа с генеративным контентом по грубым наброскам кисти. Релиз видимо уже на носу.
Видео появилось со словами:
Одна из разработок с искусственным интеллектом. Новая технология требует нового интерфейса с генерацией контента в реальном времени, вот новый вид такого приложения.
Фигма продолжает забирать кусочки рынка, тот же Miro сейчас напрягается из-за возможностей FigJam т.к. разные команды охотно переходят на него для экономии денюшек и единой рабочей среды.
P.s. Знатоки, вы заметили прилож собран на чистый Swift UI🍏
#figma#новости
👨🎨Маленькие большие обновления
Вот он, хороший пример сбора обратной связи с комьюнити и помощь большого брата (речь про Adobe), упакованное как набор мелких, но полезных улучшений. Я прочитал всё за вас и делюсь любимчиками в новом релизе Figma:
🔎Поиск фрейма по его имени
Для многих фича вообще ни о чем, из-за большого заблуждение с неймингом слоев, которое гласит — «для чего тратить силы на наименование слоев, лучше буду есть грязь». Фу, бог вам судья.
👀Предварительный просмотр отображения изменений у слоя по ховеруна опции
Это как у Adobe... ну вы поняли кто помог ребятам сделать нормально :)
📋Начать нумерацию можно с любой цифры, а ещё вынести эту нумерацию и кавычкицитат за область ввода текста
Вот разработчики обрадуются }:D
📱Залипающий элемент списка, заменяется другим залипающим элементом
Кайф, ещё больше нативного поведения из коробки
💬Улучшили работу с комментами
Теперь можно делать коммент жирным, а на почту придёт не 100 разных писем, а 1 сгруппированное.
📉Оптимизация работы с файлами и улучшайзеры для создания плагинов
Ну куда без этого. Я всё ближе и ближе к выпуску своего плагина, но это не точно.
🍜Лайтово прокачали «лапшу для прототипирования»
Добавили больше контроля связей.
👼Мелкие улучшения
Все линейки можно разом удалить через свойства, прокачали импорт SVG, прокачали работу с растром.
🔗Традиционная преза от Figma · Release Notes
#figma#новости
#webDevelopment#Figma
🌐
Figma Pro Secrets
Figma is the most popular UX/UI design tool today, it became a golden standard already. You’ll master the power of this tool. Grow your design skills
Learn how, where and why to use components, auto-layout feature, variants, interactive components to become really fast.
-----
Main channel: @repo_science
Coupons: @freecoupons_reposcience
-----