🛠 Particles - легкая и простая в использовании библиотека для создания анимированных фонов. Она состоит из одного файла размером 2 кбайт .js и только одного метода - Particles.init({options});, который использует объект с большим количеством настроек. Доступны две анимации: одиночные частицы или связанные частицы, образующие красивые созвездия.

🌍 Сайт

Daily Coding #инструменты #JavaScript

Плакаты, победившие на конкурсе 100 beste Plakate в 2024 году

В ежегодном конкурсе участвуют работы дизайнеров из Германии, Австрии и Швейцарии. Жюри принимает плакаты во всех жанрах, без ограничений по форме, содержанию и технике печати

Все 100 плакатов: typographicposters.com/100besteplakate

#awd_poster

Статья об автоматизации дизайн-системы — с практическими советами, инструментами и примерами

Джос Памбу рассказал, как создавать и синхронизировать токены и компоненты, поддерживать единообразие в документации, одновременно вносить изменения в дизайн и код, а также автоматизировать этот процесс. Главное из статьи:

— В первую очередь нужно автоматизировать токены, к которым, например, относятся цвета, типографика и отступы. Их изменения в Figma должны сразу отражаться в коде. Создавать токены и управлять ими помогут такие инструменты, как Token Studio, Specify и Design-tokens. dev. Для генерации токенов с корректными наименованиями используйте NamedDesignTokens. guide

— UXPin Merge позволяет дизайнерам создавать интерактивные прототипы с реальными React-компонентами

— Supernova автоматически генерирует код по дизайну в Figma, обновляет код после изменений и поддерживает единую документацию в актуальном состоянии

— Zeroheight превращает компоненты Figma в документированную систему

— Собственные скрипты на основе Figma API помогут отслеживать изменения в компонентах, работать с метаданными и извлекать значения токенов из Figma

— Следите за обновлениями API и инструментов

— Разбивайте процесс автоматизации на этапы и после каждого шага проверяйте результат, например читаемость наименований токенов

— Используйте нейросети: они сгенерируют названия токенов, напишут черновик документации, найдут повторяющиеся стили и шаблоны и создадут компоненты на их основе

Также в статье Automating Design Systems: Tips And Resources For Getting Started Джос даёт пошаговую инструкцию по автоматизации процессов на примере Figma и Supernova

smashingmagazine.com/2025/08/automating-design-systems-tips-resources/

#awd_article

Маркетинг как инженерное искусство: путь к постоянному успеху

Узнайте, почему маркетинг – это не волшебство, а сложно структурированный процесс, который требует четкого планирования и долгосрочной стратегии

Читать на дизайнерс | #статья

Эффект IKEA и другие в проектировании интерфейсов

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

Читать на дизайнерс | #статья

Эффект IKEA и другие в проектировании интерфейсов

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

Читать на дизайнерс | #статья

Дизайн конференции розничного бизнеса Альфа-Банка. 1 сайт, 14 презентаций и 500 слайдов для топ-менеджеров на ежегодный форум

Альфа провели крупную конференцию, а мы взяли на себя весь дизайн — развили фирменный стиль, сделали сайт, презентации и сгенерировали 3D через AI. А еще накреативили ангелочков из барокко и лис-детей

Читать на дизайнерс | #статья

Творческий парадокс: чем меньше свободы, тем больше идей?

Уникальный креатив для рекламы чипсов CartOfFun в условиях жестких ограничений. Как нам удалось это сделать? Подробности в статье!

Читать на дизайнерс | #статья

У вас есть базовые знания HTML и CSS, но вы не уверены, как «оживить» сайт с помощью JavaScript?

На открытом уроке 26 августа в 20:00 МСК мы разберём, как использовать JavaScript для работы с DOM, создавать динамичные элементы и анимации, и всё это без фреймворков! На вебинаре мы создадим мини-проект — интерактивную карточку, которая будет реагировать на действия пользователя.

❗️ Изучив основы работы с JavaScript и DOM, вы сможете самостоятельно управлять интерактивными элементами на сайте. Получите полезные навыки, которые сразу сможете применить на практике и добавить в портфолио.

👉 Запишитесь на открытый урок → https://vk.cc/cONBnO

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

🧰 Find colors and Replace — Плагин для быстрого поиска и замены цветов в дизайне

Dezzigners