Дизайн

Приветствую, уважаемые читатели.

Эта статья будет настолько философской и платонической, насколько это возможно на Хабре.

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

Когда в работе постоянно повторяются одни и те же действия, рано или поздно начинаешь думать, как их убрать. В этой статье я рассказываю, как из мелких раздражителей в Figma выросли мои собственные плагины: от простых утилит до ShapeFlow, которым сейчас пользуются 20 000+ дизайнеров. Заодно делюсь тем, как вайб-кодинг помог мне быстрее проверять идеи, собирать инструменты под свои задачи и по-другому смотреть на привычную дизайнерскую рутину.

Не так давно меня приглашали тестировать Figma-like редактор от Ростелекома. Тогда он был всё-таки сильно сырой. Оказалось, что другие команды не дремлют и тоже готовят свои решения. Сегодня у нас на обзоре новый кандидат на импортозамещение Figma. Называется linia.pro. Сервис около года разрабатывается командой из Москвы.

Я хотела разобраться, куда вообще движется профессия продуктового дизайнера и какое место в ней теперь занимают AI‑инструменты.

А в итоге разобрала файлы проектов Claude Design по кусочкам, потратила месяц на отладку и сделала плагин, который переносит готовый проект из Claude Design прямо в Figma — с редактируемыми слоями, auto‑layout, текстами и данными.

Всем привет, меня зовут Алина Акиншина, я гендиректор Онлайн Патента. За многолетнюю практику через нашу компанию прошли тысячи заявок на патенты. И промышленные образцы занимают в этом потоке особое место. К сожалению, это один из самых недооцененных (но при этом эффективных) инструментов защиты интеллектуальной собственности. О них сегодня я коротко расскажу. 

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

В первую очередь изменила привычную модель взаимодействия предпринимателей с государством, к примеру, появились Единый налоговый счёт или обязательные уведомления об исчисленных сумма. В 2024 году команда внесла в интерфейс изменения, но они плохо отрабатывали, так как были внесены поверх старого интерфейса как косметическая доработка. Но интерфейс не отрабатывал как должен был и через некоторое время появился артефакт в виде исследования, на основе которого была создана концепция для редизайна. И только в 2026 году эта концепция была реализована.

За это время вокруг проекта успело измениться почти всё: законодательство, задачи бизнеса, приоритеты, состав команды, процессы и сам продукт. Но в больших командах больших компаний — это норма, так как мы всегда работаем в условиях шторма. 

И об этом я хочу рассказать.

У AI‑прототипирования первое место, у обычного эскиза от руки — второе. В рейтинге ста методов UX‑дизайна Якоба Нильсена, опубликованном 16 сентября 2026 года, они оказались рядом благодаря одной логике: насколько сильно метод помогает повлиять на решение и сколько внимания команды забирает.

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

Я долго именно так и работал. Клиент присылал логотип в мессенджер, я смотрел на него, вспоминал похожие заказы и называл дату. Иногда я попадал в срок, а иногда ошибался, причём промах редко выглядел драматично: не две недели вместо двух дней, а пятница вместо среды. Но для клиента разница ровно в том, что обещание выполнено или нет.

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

Моя первая должность в трудовой называлась «инженер-программист». Недавно я понял, что вторую половину этого названия уже можно зачеркивать.

Мне понадобилась простая экранная лупа для Mac: положить рамку на кусок экрана и рассмотреть пиксели в отдельном окне. Готового инструмента под мой сценарий я не нашел. Swift и AppKit я толком не знаю, под macOS никогда не писал. Раньше на этом бы все и закончилось.

В этот раз через три дня у меня было нативное приложение: 10+ тысяч строк, сотни тестов, подпись, DMG, open source, ревью в App Store. Понятно, что код писал Claude Code.

Но интереснее другое. Когда я спросил себя, что эти три дня делал я, ответ оказался неожиданным. Я почти не программировал, а работы было полно.

В статье — о том, почему программист превращается в инженера-продакта, зачем дизайнеру рисовать кнопку, если можно сразу сделать настоящую, что будет с Figma и почему софт впервые становится по-настоящему персональным. Функция с одним пользователем, мной, теперь окупается.

👇

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

Вирусный спор трёх петербургских музыковедов вывел меня на книгу 1966 года. Её автор разбирался, как компьютеры повлияют на творчество и эстетику. И за десятилетия до ChatGPT формулировал, каким должен быть помощник в мышлении и решении задач.

Сегодня задействуем генератор изображений Seedream 5.0 Pro и посмотрим насколько хорошо сделанные им двухмерные модели превращаются в трехмерные.

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

В этой статье расскажу, как мы исследовали опыт глухих людей в онлайн-коммуникациях.

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

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

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

Как‑то я захотел кошелёк Monero с нормальным веб‑интерфейсом, но без компромиссов по ключам: чтобы он работал на моей машине, ходил в мой узел и не притворялся кастодиальным сервисом. Писать криптографию самому — плохая идея, поэтому вся работа с ключами осталась за официальным monero-wallet-rpc, а на мне была «всего лишь» оболочка: бэкенд, интерфейс и куча инфраструктурной логики, которая внезапно оказалась самой интересной частью задачи.

Современного человека окружают интерфейсы. Мы взаимодействуем с ними в разных сферах жизни и даже не всегда замечаем этого. Именно поэтому внимание пользователя становится ценным ресурсом при проектировании интерфейсов. Давайте разберёмся, как это работает и почему контраст — гораздо больше, чем просто яркая кнопка.

Продолжение истории о том, как я делаю собственного цифрового аватара для видеоблога — без нейросетевой генерации видео и необходимости самому появляться перед камерой.

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

В этой статье — о том, что я успел доделать за два месяца.

Добавил больше двадцати генераторов слайдов, научил движок строить динамический фон из произнесённых слов, вставлять в него эмодзи и GIF-реакции, раскрывать карточки на весь экран и автоматически расставлять переходы.

Потом у моего цифрового двойника появился соведущий — робот аЙгорь. Пришлось разбираться уже с двумя персонажами, голосами, расположением, мимикой и жестами.

Показываю, как всё устроено: реальные фрагменты JSX и сценариев, схемы, интерфейс программы и много-много GIF.

В конце — первые результаты публикаций, наблюдения о Shorts и планы перехода на горизонтальный формат.

Три уровня проектирования, на которых мы строим фундамент UX для финтех сервисов: 1) Регуляторный уровень; 2) Операционная прозрачность; 3) Уровень доверия пользователей.

Без них любой дизайн в финтехе — это UX поверх пустоты. Менять местами не рекомендую.

В прошлый раз не хватило токенов на модельки от Krea 2. Давайте исправим несправедливость и посмотрим как они будут выглядеть в трехмерном состоянии. Снова используем Meshy и Neural 4D.

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