Фантастический уикенд с 18 по 21 апреля прошёл на конференции «Дизайн‑выходные»! Этот проект, организованный российским дизайн‑сообществом, приносит нам полезные знания, новые знакомства и удивительные впечатления уже 13 лет подряд.

На этот раз мы собрались в Нижнем Новгороде, послушали лекции, приняли участие в дискуссиях и мастер‑классах. Целых 9 залов, 150+ спикеров и 190+ часов активностей — это отличная возможность погрузиться в каждую нишу индустрии. И хотя мы не успели посетить все мероприятия, каждый из нас остался в восторге от атмосферы встречи и обмена опытом.

Большое спасибо организаторам и спикерам этого события! Их труд и преданность делу позволили нам получить удовольствие и открыть для себя что‑то новое. А чтобы вы могли продолжить вдохновляться и изучать дизайн — смотрите материалы, которыми поделились спикеры и организаторы:

• Дизайн-выходные: официальный сайт, канал в Telegram, чатик в Telegram

• Программа и материалы в Figma

• Видео «Главный зал»: 2 день, 3 день

• Видео «Зал Дизайн‑центричность»: 1 день, 2 день

• Фотографии: 1 день, 2 день, 3 день, фотографии от Dprofile

• Презентации спикеров

• Материалы от спикеров, которые не смогли приехать/выступить

• Любительская съёмка

Вот вам сенсационная новость! Figma решила развлечь нас совершенно непредсказуемым обновлением. Я вот даже задумываюсь, как я мог жить до этого момента, когда узнал об этой фантастической новинке. Так в чем же подвох? Теперь в Figma можно менять свой курсор! Да‑да, вы не ослышались. Если вам вдруг важно, как ваш курсор выглядит, то теперь вы можете наслаждаться этой функцией. Просто взгляните справа сверху возле вашей аватарки и погрузитесь в мир безграничных возможностей курсора!

Figma решила провести неделю веселья, начиная с 4 апреля, объявив это «404 — нашим ежегодным Апрельским Днем Веселья». Приглашают окунуться в эпоху цифрового дизайна от времен DOS и Y2K до эпохи скевоморфизма и Windows Vista.

Figma представила функцию «Мультиредактирование» (multi‑edit).

Теперь можно измененять один из выделенных объектов, и изменения автоматически применятся ко всем остальным выбранным элементам.

Несколько новшеств:

• Быстрый автоматический выбор повторяющихся объектов в разных фреймах. Либо выбор слоев аналогичных выбранному объекту с помощью зажатого Shift.

• Каждый объект независимо масштабируется относительно своего центра, а не группой, как раньше.

• Массовое изменение цвета, размера, поворота и других свойств.

• Редактирование текста одновременно в нескольких фреймах и изменение свойств шрифта.

• Автоматическое создание нескольких auto layout для разных групп выделенных объектов.

• Массовое перемещение объектов в разных auto layout, неважно, горизонтальные они или вертикальные.

• Массовое внесение объектов в несколько фреймов.

• Выравнивание объекта относительно ключевого в разных фреймах.

• Изменение механики вставки с сохранением позиции объекта: из одного фрейма в несколько, несколько объектов из разных фреймов в один, несколько объектов из разных фреймов в множество фреймов путем чередования.

• Создание компонента из ключевого объекта и автоматическая замена других выделенных объектов инстансами.

• Одновременное редактирование вариантов компонента, например добавление иконок, текста и т. п.

Для ознакомления с этими новшествами Figma подготовила обучающий файл и видео. Что вы думаете об этих изменениях — пишите в комментариях.

Когда‑нибудь задумывались, как в Figma добавить «Эффект Дросте» или просто создать промежуточные состояния между двумя фигурами? Решение — на помощь приходит плагин «Blend». Просто нарисуйте два объекта, укажите количество промежуточных состояний, и плагин моментально их сделает (у меня ушло 15 секунд на 6 изображений). Можно играть с заливкой, обводкой, цветами и толщиной. Единственное условие — у обоих объектов должно быть одинаковое количество точек, иначе плагин начинает капризничать.

Честно говоря, я провел с этим плагином весь вечер, пытаясь выкрутить из него все варианты и придумать, что еще можно сотворить. А вы что думаете об этой штуке? Поделитесь своими мыслями в комментариях!

Плагин «Insert Big Image» для Figma — это решение, которое позволяет вставлять гигантские изображения в макеты, не ограничиваясь разрешением 4096 px, которое так любит Figma.

Как это работает:
Просто бросьте одно или несколько изображений в плагин, и он, как настоящий волшебник, разрежет их на кусочки размером менее 4096×4096 и соберет в группу. При желании, можете удалить любой кусочек. И да, даже с картинкой 16 000×16 000 он справляется, не боясь трудностей.

Когда это пригодится:
Каждый решит сам, как использовать этот плагин. Лично я часто сочетаю его с расширением для Chrome «GoFullPage». Оно самостоятельно скроллит и делает скриншоты сайта, склеивая их в одно длинное изображение. А «Insert Big Image» переносит его в Figma без потери разрешения. Почти как магия, но даже лучше!

Плагин «Simpleflow» для Figma упрощает вставку коннекторов (стрелок), соединяющих два объекта. Это особенно полезно при добавлении пояснений к макетам. Идея плагина очень простая: он берет коннекторы из FigJam и вставляет в Figma. Основное преимущество перед аналогичными плагинами заключается в том, что коннекторы не отвязываются, а автоматически перестраиваются вместе с объектом (то, что мы любим в Miro).

Мини‑инструкция:

1. Запускайте плагин и нажимайте «Copy connector to clipboard».

2. Выбирайте первый объект, удерживая Shift , затем выбирайте второй объект, к которому будет направлена стрелка.

3. Нажимайте «Paste here» или используйте Ctrl/cmd+V .

   Чтобы вставить стрелку повторно, не обязательно запускать плагин. Просто нажмите Ctrl/cmd+D, чтобы создать дубликат.

Платная версия также доступна и предоставляет возможность изменять цвет стрелок и добавлять иконки. Лично для меня последнее кажется избыточным, а цвет коннекторов можно регулировать через саму Figma. Бесплатный функционал полностью соответствует моим запросам, предоставляя возможность изменять форму точки начала и конца линии, ее цвет, добавлять текст и перемещать его, изменять форму линии, а главное, перемещать объекты без потери связей.

Плагин «Shape Builder Tool» для Figma — инструмент, созданный для быстрой работы с объектами. Этот плагин — своего рода альтернатива стандартной функции «Boolean groups» в Figma, но плагин позволяет одновременно работать с несколькими объектами и быстрее добиваться желаемого результата всего в несколько кликов, без необходимости постоянно дублировать слои и запускать функцию.

В его арсенале два уникальных режима:

1. Режим Добавления (+Add) — добавляет пространство между объектами.

2. Режим Вычитания (‑Sub) — убирает пространство там, где формы пересекаются.

Результат переносится в векторном виде в Figma всего лишь щелчком по кнопке «Replace Selection» (заменить исходный объект) или «Copy To Canvas» (вставить результат рядом с исходным объектом).

Плагин вышел в конце декабря 2023. Триал версия — 3 дня.

Сегодня Figma провела презентацию, на которой были представлены обновления в инструменте. Среди главных нововведений можно отметить:

• Обновление Dev Mode с добавлением интеграции с Jira, Storybook и GitHub;

• Улучшенные переменные, которые теперь позволяют быстро менять стили, например, переключаться между светлой и темной темой;

• Обновленный Auto layout, который получил новый режим Wrap, а также возможность задавать минимальную и максимальную ширину;

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

  Полный список изменений

Я считаю, что из всех новых функций режим Wrap в Auto layout является одним из наиболее интересных. Он позволяет автоматически переносить элементы на следующую строку, если они не помещаются на текущей. А пользователь может задавать межстрочное расстояние по своему усмотрению! Невероятно, но такого функционала еще ни в одном дизайнеровском инструменте не было!

Если вы уже успели оценить обновления в Figma и вам понравились новые функции, не стесняйтесь делиться своим мнением в комментариях. Расскажите, какие из них были наиболее полезны для вас и как вы использовали их в своей работе.

Весь вечер баловался с плагином для Photoshop — Stable.art, оказалось очень полезно и увлекательно. Плагин позволяет не выходя из Photoshop генерировать и подтягивать изображения из Stable Diffusion.

Конечно пока всё работает сыровато (либо руки у меня растут не из того места), периодически сгенерированное изображение плохо стыкуется с текущей основой и приходится подчищать в ручную. Однако качество полученного результата и ощутимая экономия моего времени определенно радуют. Вот мой пример, как всего за 2 минуты можно сгенерировать мордочку для яблока.

Инструменты:

• Adobe Photoshop 2023

• Stable Diffusion Portable

• Модель Deliberate

• Сам Stable.art

• Негативный промт - (deformed, distorted, disfigured:1.3), poorly drawn, bad anatomy, wrong anatomy, extra limb, missing limb, floating limbs, (mutated hands and fingers:1.4), disconnected limbs, mutation, mutated, ugly, disgusting, blurry, amputation

• Видео инструкция по установке и настройке Stable.art

Понимаю, многие могут сказать: «Всё тоже самое можно сделать в самом Stable Diffusion в режиме „inpaint“, вообще не прибегая к Photoshop». Лично мне понравилось, что можно не покидать Photoshop, сгенерировать новое изображения, при этом не совершая дополнительных манипуляций с копированием/сохранением файла. В любом случае, это уже хороший шаг вперед к слиянию двух инструментов.

Если вы уже попробовали Stable.art — пишите ваше впечатление в комментариях.