Недавно я столкнулась с задачей, которую не решали существующие плагины. Я не разработчик, но решила попробовать создать инструмент сама — с помощью ChatGPT и GitHub Copilot.
Спойлер: получилось! Теперь у меня есть рабочий плагин для заметок в Figma, который экономит время и нервы команде.
В статье рассказываю, как пошагово прошла путь от идеи до рабочего плагина. Без магии, с фейлами, но с кайфом ✨
Самое мясо китайского веб-дизайна, или Как не стать лосем в Поднебесной. Путеводитель по провинциям визуального хаоса.
Привет! Меня зовут Юлия Тарасенко. За 6 лет работы в Контуре я занималась созданием процессов в двух направлениях — в коммерческом продукте и в инфраструктурном направлении. Объединяет направления их масштаб — более 5 подкоманд, десятки заказчиков, а различает степень зрелости исследовательской культуры.
Я решила разобраться, что включают в себя исследовательские процессы, какие из них можно и нужно выстраивать, какие из процессов наиболее важны. В статье делюсь этими рассуждениями и своим опытом.
Простые правила для тех, кто устал объяснять «на пальцах».
Это статья для тех, кто хочет четко и ясно доносить свои мысли без ненужного многословия, чтобы их понял любой человек (необязательно только дизайнер). Для удобства я разделил свои рекомендации на 6 простых правил.
Мы уже с вами познакомились с возможностью создания первого тестового изображения с помощью запроса (prompt): «Astronaut in a jungle, cold color palette, muted colors, very detailed, sharp focus».
Для этого мы добавили наш запрос в окно ввода запроса (prompt) и нажали кнопку создания изображения «Generate», как это показано на рисунке ниже:
Если вам когда-нибудь приходилось копировать переменные из одного файла в другой, то вы тоже наверняка сталкивались с тем, что Фигма НЕ сохраняет связи между переменными! То есть, если скопировать semantic/brand/primary и base/brand/500 (первый наследует значение второго) — фигма удалит их связь! И оставит связь с другой переменной, оставшейся в другом файле. Это ужаснейший флоу. И к сожалению, это фича, а не баг, и они его не планируют чинить.
Слегка поискав и не найдя подходящего плагина, я уже отчаялся, но вспомнил, что можно написать такой плагин, не штудируя api, подключив к этой задаче нейросети.
Казалось бы, нам нужно жать мышкой на файл run.bat, но, увы, это не так.
Давайте возьмем для себя за первое правило всегда запускать перед работой файл update.bat. Да, именно он позволит нам всегда использовать самую последнюю версию нашей сборки Stable Diffusion WebUI Forge.
Перед тем как запускать программу Stable Diffusion WebUI Forge, по рекомендации разработчика нам необходимо подготовить свой компьютер к тяжелой работе и сделать некоторые настройки, а именно изменить размер файла подкачки системы.
Для этого наводим курсор мышки на иконку «Мой компьютер», нажимаем правой кнопкой мыши и выбираем «Свойства».
В Windows 10 откроется следующее окно:
После установки системы Stable Diffusion WebUI Forge, которая обеспечит нам удобный интерфейс и работу с большим числом различных функций и параметров, нам теперь необходимо скачать файл нужной нам версии модели FLUX.1, которая бы быстро и качественно работала на нашем компьютере.
Напомню вам, что есть три основные версии модели, созданные разработчиками Black Forest Lab:
Для того чтобы определиться с выбором сборки (или дистрибутива), нам необходимо с вами получить нужную информацию от нашей операционной системы, чтобы узнать версию CUDA (Compute Unified Device Architecture).
CUDA – это технология, работающая на базе программно-аппаратной архитектуры, которая позволяет повысить производительность параллельных вычислений. Параллельные вычисления – это вычисления, при которых процесс разработки программного обеспечения делится на потоки. Потоки обрабатываются параллельно и взаимодействуют между собой в процессе обработки. Технология CUDA поддерживается процессорами видеокарт NVIDIA, которые используют системы генеративного искусственного интеллекта для создания различного контента[i].
Для определения версии CUDA в строке поиска наберем и выполним команду cmd, как показано на рисунке ниже:
Логотип. Лицо бренда, главная визуальная визитка, его голос среди конкурентов. В 2025-м его можно не рисовать часами вручную, а генерировать.
Я протестировал самые популярные современные нейросети, такие как Flux и Midjourney, в создании логотипов, проверил их силы в леттеринге и теперь расскажу вам, какой сервис лучше подойдёт для вашего проекта.
И ещё: как превратить растровую картинку в качественный вектор без страданий? Ну что ж, добро пожаловать во вторую часть статьи, где помимо обсуждения генерации логотипов мы затронем не менее захватывающее искусство трассировки. Я к вам с готовым ответом, и сразу предупреждаю — магия тут настоящая.
Мы делаем корпуса для электроники и эта история про один из наших кейсов — устройство для эпиляции. Когда заказчик выпускал его, он хотел выделиться качеством на фоне китайских аналогов. Электронщики спроектировали плату, мы испытали прототип и выбрали проверенную российскую фабрику. Но на этапе серийного производства возникла проблема: клавиатура начала вздуваться и отклеиваться.
Расскажу, что пошло не так, как мы пытались решить проблему и почему в итоге перенесли производство корпуса в Китай.
Каждый день мы пользуемся разными вещами вокруг нас. Взаимодействуем мы с ними определенным образом – тыкаем, двигаем, открываем, регулируем, защелкиванием, фиксируем и так далее. Выглядят эти вещи тоже определенным образом.
Задумывались ли Вы когда-нибудь, почему это так? Все эти нюансы продумываются в процессе промышленного дизайна (промдизайна).
Привет, я Павел Гнилорыбов, историк и главный редактор «Архитектурных излишеств» — площадки, ставшей важным медиа в сфере наследия. Когда-то это был блог, который начинался с публикации личных архитектурных находок, а сегодня «Архитектурные излишества» — полноценный медиапроект, освещающий жизнь городских пространств в России. Расскажу, как сделал свое увлечение интересом сотен тысяч человек.
С интервью помогла Наталия Алекса, редактор «Историй» в блоге Unisender.
Привет, Хабр! На связи Маша, дизайн-менеджер Garage Eight. Сегодня делюсь классной подборкой книг, которые помогут прокачать креативность и взглянуть на дизайн-базу с точки зрения других смежных творческих профессий.
Когда дело доходит до задач брендинга и дизайна, на помощь приходят нейросети. В наши дни логотип — это не просто красивая картинка, а лицо бренда, его голос и миссия в визуальной форме. Он должен не только быть запоминающимся, но и вызывать приятные ассоциации у вашей аудитории.
Оказывается, сделать логотип с помощью нейросетей куда проще, чем кажется, и из числа современных инструментов вам есть что попробовать уже сегодня. Они позволяют не просто создать визуал, но и тут же увидеть его в деле — например, на стене супермаркета, крышке ноутбука или одежде.
Давайте разберёмся, что сейчас предлагает мир высоких технологий, и посмотрим на лучшие нейросети для создания настоящих фирменных логотипов.
Они копятся в темных уголках бэклога — тикеты, которые никто не решает. Сначала их было десять, потом сто, а через год вы с ужасом понимаете: это уже кладбище. Команда боится туда заглядывать, пользователи злятся, а продукт медленно тонет под грузом нерешенных проблем. Спойлер: чтобы спасти проект, не понадобятся ни святая вода, ни экзорцист. Только системный подход и наши инструкции.
Меня зовут Катя Орешкова, и я работаю над Mailion — корпоративной почтовой системой от компании МойОфис. Основное ядро продукта написано на Go, но в целом технологический стек включает множество языков и технологий: Go, Java, Python, PHP, C++, C# (бэкенд), а также JavaScript/TypeScript с React (фронтенд). Продукт состоит из десятков модулей, предоставляет сотни функций и поддерживает до миллиона пользователей, что требует глубокой проработки архитектуры, разработки и интерфейсов.
В своей роли ведущего дизайнера-аналитика я работаю с дизайн-долгом и обратной связью от пользователей. Наша команда сформировала системный подход, который помогает превратить «кладбище тикетов» в четкую и полезную систему. В этой статье — план спасения в части UX: универсальный и способный к масштабированию на любое направление. Под катом рассказываю, как собирать обратную связь так, чтобы ею реально можно было пользоваться, приоритизировать без боли и вовлечь команду в процесс.
Мозг людей с эпилепсией похож на электрическую цепь с перегрузкой. Резкие вспышки света или мигание (3+ раз в секунду) вызывают «короткое замыкание» — приступ. Дизайн с такими эффектами становится буквально опасным».
VR-тренажеры все чаще используются для онбординга сотрудников, поскольку сокращают время и расходы на обучение в зависимости от уровня погружения и узнаваемости объектов окружения. Но так как сами по себе VR-шлемы слабые, а подключение через ПК подразумевает рендер картинки на два монитора, требование к технической стороне графики очень строги.
Привет, Хабр, меня зовут Аким, я дизайнер в IT-компании SimbirSoft. В этой статье я расскажу, как создавать 3D-модели с нужными для VR-тренажеров параметрами с помощью фотограмметрии, и составлю универсальный пайплайн для этого процесса.
Материал будет интересен тем, кто работает с 3D-моделями, а также заказчикам проектов для VR-тренажеров.
Привет, Хабр! Меня зовут Вячеслав Таранников, я ведущий Android-разработчик в RuStore, и сегодня расскажу о нашей дизайн-системе, разобрав две ключевые темы: токены и компоненты.
Эта статья основана на моем совместном докладе с Дмитрием Смирновым, руководителем команды разработки, — «Как мы создали дизайн-систему для мобильных устройств и ТV на Jetpack Compose». Мы представили его на митапе «Coffee&Code ✕ RuStore | TechBrew» и теперь делимся основными идеями с вами.
