Хорошее обновление Figma, наглядно:⁠⁠

Добавились переменные и чуть больше адаптивности. Хотя она работает не так, как хотелось бы. Не понимаю, в чем проблема сделать классы и адаптив, как в webflow / framer.

🔥🔥🔥🔥 Но это обновление дарит возможность Фронтам и Дизайнерам на продуктах придумать и обосновать бизнесу — почему нужно перелопатить всю библиотеку и все макеты. Хотя в этом нет никакой пользы. 😅

А школололо курсам - обновить свой материал. Сейчас как раз выпускаются ребята, лето - время продаж.

По порядку:

Фигма опубликовала Dev Mode, переменные, проДвинутое прототипирование и ряд обновлений для улучшения качества жизни ИТ работяг. Спасибо! В целом коллаборации это вектор развития любых платформ, но Фигма это уже не просто дизайн-инструмент, а продукт Адобченко, поэтому ждать от них можно неожиданных решений.

Что там за обновление:

Dev Mode - это новый режим для разработчиков. Figma теперь заботится о разработчиках. Ну наконец-то! Разработчики могут понять и перевести дизайны в код быстрее, подключить свои инструменты и кодовую базу с помощью плагинов, включая Jira, GitHub и Storybook ( для многих подобный стек - важная экосистема в создании продуктов на данный момент). И это все бесплатно до конца 2023 года. Ну не щедрость ли? Не особо. Тем более, что стили которые предлагает Фигма, все еще далеки от того, чтобы добиться компромисса с фронтом и консистентности в дизайн-системе. Подружить фронтенд с дизайном старейшее направление. Но все что я вижу из утилитарного - это возможность быстрее глянуть изменения в компонентах в Storybook линкуя компоненты, а это было доступно в одноименном плагине.

Variables Атрибуты — или переменные, которые помогают дизайн-системам говорить на одном языке с кодом. Теперь вы можете создавать ваши дизайны, которые могут подтягивать значения из таблицы ( как в Exel ) и писать простые формулы, чтобы влиять по нажатию на отображение компонентов или тексты. Например, как в моем видео: я меняю вид компонента по тумблеру и добавляю лайки на карточке компонента.

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

2. Поддержка псевдонимов и областей видимости для контекстуализации переменных для всей команды.

3. Режимы переменных с разными значениями (например, светлый и темный), которые можно переключать для изменения тем дизайна.

4. Поддержка плагинов и REST API для переменных, чтобы помочь вам масштабировать и управлять переменными.

Автолайауты — Ну и, конечно, они не забыли о качестве жизни. Теперь можно устанавливать объектам минимальную и максимальную ширину. Улучшенный автолайаут с режимом Wrap - который может добиться адаптивности по аналогии с flex блоками в html/css, обновленный выбор шрифтов и обновления в файловом браузере - все это должно помочь вам работать лучше в Figma. Ну, по крайней мере, так они обещают.

Чуть позже гляну изменилось ли что-то со Storybook - но вроде плагин остался таким же. Просто Фигма теперь его официально предлагает использовать

И в конце концов, они говорят о будущем. Они вкладываются в искусственный интеллект и образование. Они даже приобрели компанию Diagram, чтобы улучшить свои AI-возможности. И они продолжают предлагать все продукты Figma бесплатно для студентов и преподавателей.

Вопрос в том, имеет ли смысл это все изучать и внедрять в пайплайн разработки, если Ai будет справляться быстрее и просто перепрыгнет большинство решений.

Дрибл автора: https://dribbble.com/letsweb

Канал автора: Что там происходит