Завтраки иллюстраторов

📙 Shock Design

Меню гамбургера.

• Очень простая анимация для иконок меню гамбургера.

#animation #hamburger #icons

Открыть в Figma

👨 Дизайн-телега

Image Trim

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

#Plugin

ОТКРЫТЬ

👨 Дизайн-телега

Вы опытный web-разработчик? Приходите на открытый вебинар "От React к Vue за один шаг: как легко освоить новый фреймворк"!

Что будет на вебинаре?
- Сравнение основных компонентов и концепций React и Vue, чтобы увидеть, как они перекликаются.
- Разбор синтаксиса, управления состоянием и рендеринга — выясним, насколько привычные подходы из React можно легко применить в Vue.
- Практическое руководство по быстрому освоению Vue через знакомые идеи и шаблоны из React.

Что узнают участники?
- Как легко перейти с React на Vue, используя знакомые концепции.
- Принципы организации компонентов и управления состоянием, которые делают переход плавным и понятным.
- Уверенность в том, что навыки, освоенные в React, могут быть полезны и ускорить работу с Vue в реальных проектах.

🔥Регистрируйтесь на урок 27 ноября, в 20:00 мск и получите скидку на большое обучение «JavaScript Developer. Professional»: https://vk.cc/cFdRE7

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

Новости дизайн-систем подъехали:
 
1. Nathan Curtis: Как может быть устроена поддержка нескольких платформ в команде. Он приводит несколько характерных примеров.
 
2. Material Design: Добавили концепцию слот-компонентов. Это область компонента, в которую можно добавлять другие интерфейсные решения, не заданные изначально. Подход позволяет командам добавлять свои уникальные вариации под редкие задачи.

3. Figma: Как они привели в порядок свою дизайн-систему Figma Pattern Library для запуска нового интерфейса UI3 и обновлённого сайта.
 
4. Brad Frost: Как отрабатывать разные ситуации, где дизайн-система не работает для конкретного продукта.
 
5. Brad Frost: Большая сессия вопросов и ответов.
 
6. Новости инструментов:
— Figma: Большое обновление работы с токенами и параметрами компонентов в интерфейсе для дизайнеров и разработчиков.
 
— Storybook 8.4: Быстрое тестирование компонентов прямо на их странице (статус теста всегда на виду), сильное уменьшение размера самого фреймворка, теги и фильтрация по компонентам, поддержка Svelte 5 и запуск Storybook React Native 8.

7. Примеры:
— eBay Playbook. Дизайн интерфейсов и бренда. Правда, вместо реальных компонентов — скриншоты.
 
— Meta Horizon OS UI Set: Дизайн-система для платформы дополненной реальности от Меты. Пример инструкции по использованию.
 
— Yandex Cloud. Библиотека в Figma.
 
#designsystems