Disarto

Возобновляю традицию постить интересные сайты для вдохновения. https://www.shopify.com/editions — классный пример как обычный список обновлений продукта можно превратить в уникальный проект, который сам по себе завоюет известность и будет получать различные награды. Обновления стилизованы под выпуски журналов, каждый из которых выполнен в своей собственной стилистике. Здесь вы увидите сложные анимации и переходы, много интерактива и 3d графики, и каждый раз новые визуальные решения. Однозначно стоит посмотреть, если вы любите красивый скорлл-сторителлинг.

Новое видео на канале. Смотрим Figma Motion 🙂 https://youtu.be/p7ynPPSdHrk

Ну чтож, в Фигму наконец-то добавили полноценный функционал для анимации (Figma Motion), что давно напрашивалось. Также добавили шейдеры, 3d трансформацию, слои с кодом, интеграцию Weave, и прочее (в общем почти всё то, для чего я в последние пару месяцев делал свой продукт 😅😅). В ближайшее время будем со всем этим разбираться.

Продолжаю работать над своим WebGL редактором. На видео небольшая демонстрация текущих возможностей. Инструмент создается под несколько задач: — Интерактивные визуалы для сайтов. Так как это WebGL, то любую сцену можно экспортировать и затем использовать на сайте (hero, футер, экран логина, и т.д.) — Накидать эффектов поверх картинки/видео и затем использовать в брендинге, моушн-дизайне, социальных сетях — Фановые визуальные эксперименты 😁 Времени на эту штуку уже потрачено очень много, но в то же время приятно, когда идея, которая есть в голове, оживает и начинает работать. Или когда дизайн в Фигме постепенно превращается в реальный продукт.

Вчера Anthropic релизнули новую модель Claude Fable 5. Решил потестить и закинул в неё один из своих дизайнов (через Figma MCP). Попросил сделать готовый фронтенд. Результат впечатляющий. Визуально это идеально сверстанный элемент — все отступы, размеры, цвета и т.д. в точности как в Фигме. Такое можно было сделать и раньше, но на это уходило 2-3 часа. Теперь буквально один промпт. Дал задачу, ушёл пить чай. Вернулся — результат уже готов. Очень крутая модель, и очень дорогая 😅

Уже около месяца работаю над первым собственным продуктом — WebGL редактором для создания визуалов для веба (и не только). Эта небольшая анимация — один из примеров того, что сейчас можно делать в редакторе: картинка + несколько фильтров/эффектов поверх. Планирую чуть больше делиться результатами и процессом работы над этой штукой 👀

Добавил 81 иконку в свой бесплатный икон пак. Наборчик медленно, но верно растёт ☺️ В планах: — залить это всё на гитхаб (уже есть приватный репозиторий, теперь надо сделать публичный) — сделать плагин для Фигмы — запустить сайт — возможно сделать Pro версию и попробовать продавать Забрать иконки как обычно можно в Фигма комьюнити.

Навайбкодил небольшую утилитку для создания 3d лоадеров. Всё чаще ловлю себя на мысли, что многие вещи проще самому сделать под задачу, чем использовать существующий софт.

В посление годы я наблюдаю сильную интеграцию и проникновение продуктового дизайна и разработки друг в друга. Этот процесс особенно ускорился сейчас, когда LLM уже выдают приемлемые результаты как со стороны визуала, так и со стороны кода. Дизайнеры начинают работать с кодом и получают более мощные инструменты для прототипирования, теста идей и реализации частей продукта (включая фронтенд) или даже целых продуктов. Разработчики получают инструмент, позволяющий достигать нестыдного уровня продуктового дизайна без участия дизайнера. То есть дизайнер сейчас становится отчасти разработчиком, разработчик — отчасти дизайнером. Всё очень быстро движется к тому, что это будет единая профессия (со своими ветками специализации). Что-то вроде дизайн-инженера. Из этого вытекает более высокий порог входа в профессию. Дизайнеру теперь нужно не только знать непосредственно графическую составляющую и UX, но и уметь работать с IDE, понимать что такое гит, и т.д.

Про использование неросетей в работе. Недавно для одного из проектов потребовались абстрактные визуалы, состоящих из частиц. Сначала я хотел воспользоваться одним из 3d редакторов, или взять готовый веб инструмент. Но у меня были идеи, которые было бы сложно воплотить в существующих тулзах: например, чтоб вместо частиц были символы (а-ля ASCII art). Поэтому я решил сделать свой собственный инструмент, решающий конкретно мои задачи. На удивление всего несколько вечеров, проведенных в Antigravity, и я получил ровно то, что было нужно: генератор частиц со всеми параметрами, которые я попросил. Похоже мы и в самом деле понемногу приближаемся к эпохе персонализированного софта, когда каждый человек сможет сделать все необходимые ему программы (и не платить подписки 😁). Наверняка вы также пробовали вайбкодить. Поделитесь результатами 🙂

Anthropic релизнули Claude Design. Новое рабочее пространство внутри их приложения, где можно дизайнить, прототипировать, делать анимации, а затем можно сразу закинуть результат в Claue Code для реализации или экспортировать как pdf, pptx и т.д. Есть только одна проблема: всё это работает на Claude Opus 4.7, а он мгновенно сжирает лимиты. В целом выглядит интересно. Надеюсь получится в ближайшее время потестить. Что думаете? 🙂

Записал видео про нейросетку для UI/UX дизайна Google Stitch, которую все вокруг хайпят в последние дни. Смотрим на что она на самом деле способна 🙂 https://youtu.be/gu2qAXjvq0c

15 марта стартует 10 поток курса UI/UX дизайн. Набираю супер-маленькие группы. Есть 2-3 места. Если хотите присоединиться — пишите в личку Информацию о курсе можно посмотреть здесь

Записал небольшой видео-обзор по новой полезной функции Figma Slots 🙂 https://youtu.be/Uw0kiiRpgr4

https://component.gallery/ — сайт, где можно посмотреть различные UI компоненты (карусели, табы, пагинация, и прочее) с примерами из существующих дизайн систем. У каждого компонента множество примеров использования + 'живой' код. В целом довольно удобная библиотека, если нужно быстро найти референс по отдельному компоненту или посмотреть различные стейты/вариации.

Опубликовал новый кейс на Behance (в последние годы на оформление проектов почти никогда не хватает времени 😅). На этот раз финтех приложение. Сделано совместно с Anna Bovtruk ➡️ Смотреть на Behance

Выложил первую часть портфолио ревью https://youtu.be/qROgX2FQ3nQ

Как вам новая панель навигации в Фигме? 🙂

Как насчёт записать видео со старым добрым разбором работ/портфолио ревью? У кого есть желание, накидайте в комменты ссылок на ваши кейсы/портфолио. На каникулах выберу несколько человек, сделаю видео с разбором, и выложу на канал. Всех с наступающим 🎄❄️

Поэкспериментировал с приложением Paper. Одна из главных фишек этой программы — наличие шейдеров. Собрал простенькое видео на основе недавно добавленного Halftone фильтра. Для полноценного продуктового дизайна на мой взгляд у Paper сейчас маловато функций, а вот эффекты там есть весьма интересные 🙂