🧰 Базовая гигиена макетов в Фигме, без которой страдает и код, и ИИ

Красивый макет ещё не значит удобный для разработки. Если в файле хаос со слоями, автолейаутом и состояниями, верстальщик и модель одинаково спотыкаются на каждом блоке. В СВОЙ Тех собрали практический чек-лист гигиены Фигмы. После правил обращения с уточнениями почти пропали: по чистому макету людям и ИИ проще понять, как экран должен работать. Внутри: – Почему грязный макет даёт грязный код даже при одинаковом промпте; – Зачем почти всё оборачивать в Auto Layout; – Какие мелочи в слоях и нейминге ломают передачу в разработку; – Как состояния и варианты делают поведение экрана однозначным; – Что фронт и QA могут читать как чек-лист без споров о вкусе; – Как базовая гигиена сокращает вопросы после передачи макета. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

🛠️ Как перестроить дизайн-процесс вокруг контекста для ИИ

Главное изменение от ИИ не в скорости сборки экранов. Появился постоянный контекст: продукт, дизайн-система, прошлые решения и исследования, которые модель может читать до каждого нового вопроса. Обычный чат каждый раз начинает с нуля. Если держать фон проекта в файлах, ИИ работает скорее как коллега, который уже в теме, а не как умный незнакомец, которому снова всё объясняешь. Внутри: – Чем работа с постоянным контекстом отличается от разовых запросов в чат; – Что входит в память проекта: продукт, правила, дизайн-система и прошлые решения; – Почему привычный процесс топит дизайнера в ручной сборке вместо выбора решений; – Как сжимаются шаги процесса, когда ИИ уже знает фон; – На что уходит время дизайнера, когда рутину закрывает контекст; – С чего начать: перенести знания из головы и старых чатов в файлы для ИИ. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

🔥🔥🔥 HireHi 5.1. Или как я пилю свой продукт часть 39

С пятёрки прошла всего неделя, а изменений набралось на целый релиз) Так что встречайте 5.1. Начну с не самого приятного. Падение Рег.ру 13 октября у Рег.ру сломалась сеть, и HireHi лежал с 16:42 до 00:19 по Москве. Почти 8 часов. Сервер и база были живы, но достучаться до них было нельзя, так что я сидел и ждал вместе со всеми клиентами Рег.ру( Выводы сделал сразу. Теперь у HireHi есть резервный сервер у другого провайдера. База копируется туда в реальном времени, файлы раз в минуту. Если основной сервер снова ляжет, переключаемся на резерв за минуты, а не ждём полдня. Заодно выкатка обновлений больше не обрывает запросы: если вы в этот момент что-то сохраняли или генерили, всё дойдёт. Новый блок в профиле В профиле появился блок подписки: твой тариф, сколько осталось лимитов, статистика по мэтчам и проверкам резюме за всё время. В PRO там ещё график активности по неделям, на мобилке можно водить по нему пальцем и смотреть цифры. А на аватарке в шапке теперь кольцо цвета твоего тарифа) Новая модалка оплаты Пересобрал окно оплаты. У каждого тарифа своя кнопка покупки, цены плавно перещёлкиваются, когда меняешь период, и появилась рукописная подсказка. Выбирать стало проще. Промо-страницу тоже переделал под новый стиль. Вакансии в Европе Подключил большой новый поток вакансий из Европы и других стран с удалёнкой и релокацией. Каждая проходит те же проверки, что и остальные: правила публикации, чёрный список, дубли. Отдельно научил систему понимать релокацию по смыслу. Если в вакансии написано «релокацию не предоставляем», она не всплывёт у тех, кто ищет переезд. Плюс появились страницы вакансий по странам. И да, всё это бесплатно и бесплатным останется. Некоторые ребята в рынке почему-то немного охренели и хотят брать за это с пользователей 150 евро в месяц (читай 15 000 ₽) в месяц. А если ищешь в рф, то еще 5к) итого 20к.... для человека кто ищет работу это тумач. 499 рублей за фулл тариф у меня и газ искать) По цене и фичам ничего подобного в рынке нет. Можно даже бесплатно в целом, всё для этого есть. HH Да, на HireHi теперь есть вакансии с hh.ru. Рынок там всё равно есть, и многие находят офферы именно там, так что делать вид, что его нет, странно) Это первый шаг: дальше хочу сделать полуавтоматический отклик на hh прямо из HireHi. В фильтре «прямой контакт + HH» можно выбрать, что показывать, а если hh не нужен, убрать его одним тумблером. Заодно у компаний подтянулись логотипы. Курсор Мелочь, а приятно: у сайта теперь свой фирменный курсор, зелёная стрелочка) В тёмной теме с белой обводкой. Хайрик Хайрик стал честнее: не прогибается, когда с ним спорят, и прямо говорит, подходишь ты или нет. Научился открывать ссылки (смотрит страницу, делает скрины, читает PDF), видит отчёты проверки резюме и твои ачивки, а в поиске вакансий оценивает, насколько под них подходит резюме. Для Plus и PRO появился быстрый режим, ответы ИИ приходят заметно быстрее. Чат и AI-собес В чате с рекрутером появились реакции и ответы на сообщения, как в Телеге: свайп влево или меню по тапу. AI-собес больше не перебивает на полуслове и не отваливается, если связь моргнула. Рефакторинг Под капотом перебрал около 100 тысяч строк кода. Огромные файлы разрезал на нормальные модули, у каждого своя задача, всё разложено по слоям так, как и должно быть архитектурно. Вам снаружи не видно ничего, но мне теперь пилить новое быстрее и ломать старое сложнее)) По мелочи – Можно скрыть все вакансии компании разом и вернуть их из «Скрытых»; – Калькулятор ставки фрилансера стал «стоимостью часа работы», с налогами 2026 года для самозанятых и ИП; – Первая загрузка страниц быстрее. Пишите в комменты или в чат на сайте, я читаю каждого. Спасибо, что пользуетесь и советуете HireHi друзьям 🥰 А чтобы не пропускать релизы: @hirehi_official 🔠 Лучшие вакансии в IT 🔠 Лучшие вакансии в IT 🔠 Лучшие вакансии в IT ч.38

Unbounded

#Шрифты Название шрифта звучит скорее как название игры про разбойников на диком западе в духе спагетти-вестернов. Короче, нифига не технологично, как заявлено в описании шрифта. Давно у меня не было постов хейта, но тут глаза мои окончательно налились кровью от продолжения активного использования этого отвратительного твАрения живыми взрослыми людьми, которые населяют эту планету и ходят по одной с вами земле. За 3-4 года это убожество не использовали только самые ленивые или те, кто понимал что этой помойкой нельзя пользоваться вообще никогда. Был когда-то в мультике Южный Парк дисклеймер, предвосхищающий заставку, цитирую часть сообщения: «Данная программа содержит грубую лексику и в силу своего содержания вообще не рекомендуется к просмотру никому». Вот что-то такое же можно было написать в ридми.ткст файле, прилагаемому к скаченным файлам шрифта. Что этот шрифт не рекомендуется к использованию никому. Ладно что этим шрифтом набирают все подряд дизайнеры карточек маркетплейсов. С них то спрос невелик. А остальные куда? Ну куда можно продолжать тянуть это недоразумение в двадцать шестом году? Я уж думал прошлым летом уже все наигрались этим недошрифтом. Но нет, как на голубом глазу продолжают использовать без стыда и совести. Конечно, дизайнер, использующий этот шрифт лишь демонстрирует свою безграмотность в типографике и отсутствие какого-либо вкуса вообще. Только если это не тонкий троллинг, как когда-то в свое время в нулевых комик санс не задолбал всех настолько, что его ставили нарочно везде, чтобы не прекращать ржать. Но вы знаете, я и юмор далеки друг от друга. Даже шоу Петросяна, посещенного, однажды, вживую в целях исследования основ юмора, не дало мне должных навыков распознания или генерации шуток. Короче, братцы и сестрицы, развивайте свой вкусомер и не поддавайтесь глупым трендам.
берегите ваши глаза и уши. я навайбкодил видео!
Don't Slop Me Babe - мой новый экспериментальный проект. это сатирическое высказывание на происходящее вокруг с отсылками на криповые тренды и реально существующие профили. исходный пайплайн взял из музыкального видео BLISS (советую посмотреть, это очень стильно и красиво) фишка проекта в том что тут нет как такового монтажа. клод написал движок несуществующего сайта и наполнял его галерею картинками и видео файлами учитывая продуманный общий таймлайн. затраты по времени: пару часов на придумывание идеи, поиск вектора и референсов и генерацию аудио. и затем 7 часов активной сессии в обнимку с агентом, накидывая ему комменты и поправляя детали. довольно интересное ощущение когда промптишь не отдельное видео а целое "поле генераций" мы живем в эпоху короткого формата. неподготовленному зрителю потребуется 3-4 просмотра чтобы переварить насыщенный деталями сдвг монтаж и оформить его в голове в единый целостный сюжет) пайплайн + музыкальное видео BLISS (твиттер) @тоже_моушн
Прямо сейчас я делегировала стационарному приложению ChatGPT создание дизайна редактируемого макета визитки в Adobe Illustrator.
Я даже не буду спрашивать вас о том, хотите ли вы увидеть результат — конечно, да! Проверяю границу, где ИИ подобрался к тому, чтобы нас заменить 👀 Это я так вдохновилась после того как он мне идеально файлы подготовил.
Figma Agent теперь умеет лучше работать с контекстом из разных файлов.
Можно попросить его подтянуть контент сразу из нескольких дизайн-файлов, прочитать стикеры или текст из FigJam и добавить их в макет как аннотации. Еще агент умеет находить изображения в Figma Slides и переносить их в дизайн, например чтобы сразу применить к ним эффекты.
Программа интенсива, урок по фигме и кодексу 🃏
Только в одном уроке про создание вертикального каталога в Figma мы вам покажем: → Как из ТЗ заказчика собрать структуру презентации с помощью ChatGPT — с учётом аудитории и её страхов. → Как подключить Codex к Figma, дать ему референс и поручить сделать дизайн прямо в вашем файле. А потом внести правки. → Как искать референсы и с помощью ИИ выбирать визуальный стиль. → Как сгенерировать картинки, если заказчик вообще ничего не прислал)) → Как собрать всё в готовый вертикальный каталог: сетка, шрифты, композиция, плагины и экспорт. Основы Figma тоже разберём, чтобы вы могли повторять, даже если раньше её не открывали. Всё на конкретной задаче из нашего дизайн-шоу КДА. От исходника до готового дизайна. И это только один урок 👀 📆 Стартуем 12 октября. 🚨 65% мест уже занято Урок записала дизайнер нашей команды Полина, которая оформляла полностью КДА 2026 и делала десятки крутейших концепций для презентацих моих вебинаров. Посмотреть программу и забрать билет ⬅️
🧾 Контракт компонентов: как сделать решения проверяемыми
Нейтан Кёртис разбирает, зачем дизайн-системам нужны формальные контракты компонентов. В них фиксируют свойства, состояния, зависимости и правила поведения, чтобы разные платформы одинаково понимали замысел компонента. Автор предлагает строить такие контракты на основе схемы. Она помогает проверять структуру данных, автоматически находить ошибки и генерировать большую часть кода. Хороший контракт должен быть типизированным, неповторяющимся, независимым от конкретной платформы, проверяемым, детерминированным, недорогим в поддержке и готовым к изменениям. Внутри: – Чем контракт компонента отличается от обычного описания или файла в Markdown; – Почему каждое решение нужно хранить в одном месте; – Как сделать контракт независимым от Фигмы, веба, iOS и Android; – Зачем нужны схемы, автоматическая проверка и детерминированная генерация; – Как менять контракты через ADR, версии и понятные правила совместимости. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Основы Тридешной Графики ❤️
Наш передовой курс, после которого вы сможете стать полноценным 3д дизайнером, независимо от бекграунда Чем будем заниматься? Научитесь основам моделирования, будете уверенно чувствовать себя во время работы со светом, шейдерами, костями и анимацией (а также поймете, что все эти слова значат!) Мы учим не просто делать красивые тридешки, а учим системному подходу к разработке креативного визуала, чтобы любая ваша безумная идея могла воплотиться в мире 3д графики На курсе вы получите готовые сетапы, пайплайны, файлы и чёткое понимание, как строить выразительные сцены и выводить их в финальный рендер — всё это реально под руководством опытнейших кураторов Сегодня стартует, в течение 2 недель еще можно присоединиться, вопросы - @alkali_support_bot ❤️ Подробнее ❤️
🧩 Как в Cursor собрали систему из 600+ иконок
Автор рассказывает, как за год перерисовал больше 600 иконок для Cursor. У каждой по две версии размера и стиля, а многие варианты проходили десятки итераций. Даже толщина линии 1,25 пикселя появилась не из расчёта, а после долгого сравнения с текстом и интерфейсом. В работе помогли правила, которые удерживают набор цельным: оптические формы, одинаковые элементы, естественные пропорции и ручные корректировки там, где формальных правил недостаточно. Вокруг иконок собрали полноценную систему с файлами в Фигме, поиском по тегам, документацией, миграцией старых кодов и автоматической публикацией. Внутри: – Почему унаследованный набор иконок начал расходиться по стилю и смыслу; – Зачем нужны отдельные версии для 16 и 24 пикселей; – Как оптические правки делают маленькие иконки аккуратнее; – Какие три файла в Фигме помогают поддерживать единый стиль; – Почему хорошая икон-библиотека требует не только рисунков, но и документации, поиска и автоматизации. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
За 20% недельных лимитов и пол дня в Астре я сделал:
💻 Поднял сервер, чтобы команда могла писать задачи моему боту в ТГ, бот передавал задачи на 2 моих компа, где открыта Астра. Команда может просить бота найти файлы на яндекс диске, смонтировать что-то, опубликовать учебные материалы, да в целом что угодно. Хоть пиццу заказать. Это моя первая работа с сервером в жизни. Я ничего про это не знал, и сделал за пару часов гыгыгы. 🖼 Я сделал сайт. С нуля. Вот этот. Интерактивный, в стиле школы, с нашим лого и паттерном. Я в шоке. Это пока прототип для некой будущей темки) 📹 Базовый монтаж 4 видосов) Даже скучно про это говорить. Но удобно, что я больше это не делаю руками. Создал правила для монтажа и теперь рилсы делаются с 1 раза как надо, без переделок. Тут я сэкономил или 2 часа жизни или 5000 рублей на монтажере. 📚 Допилил план мастер-класса по Астре :D 20% недельных лимитов это 10 баксов. Тыща рублей. За сколько такой сайт купили бы? Под ключ сделанный. Ну давайте ОЧЕНЬ СКРОМНО за 5000 рублей. А кроме него сделана куча задач и я в основном сидел играл в комп 😁 2 октября в 14:00 я проведу большой мастер-класс по АСТРАНОМИЧЕСКИМ возможностям Астры 6.0 😁 Мы будем закупать платные тарифы на GPT, чтобы вы могли не просто послушать, но и потестить Астру по моим советам. Пока хз сколько закупать, поэтому вот ссылка на предзапись на мастер-класс. Залетайте сюда, кто хочет попасть на МК по Астре ⬅️
хотите стать строителем? вам на Основы Тридешной Графики ❤️
🧩 🧩🧩🧩❤️❤️❤️ Чем будем заниматься? Научимся основам моделирования, будем уверенно чувствовать себя во время работы со светом, шейдерами, костями и анимацией (а также поймём, что все эти слова значат!) Мы учим не просто делать красивые тридешки, а учим системному подходу к разработке креативного визуала, чтобы любая ваша безумная идея могла воплотиться в мире 3д графики На курсе вы получите готовые сетапы, пайплайны, файлы и чёткое понимание, как строить выразительные сцены и выводить их в финальный рендер — всё это реально под руководством опытнейших кураторов отзыв от @Ellena_Gera с прошлого потока: «Курс по Блендеру от Щёлочь — любовь! Прохожу уже в третий раз))) ..каждый раз нахожу что-то новенькое, ведь программа постоянно обновляется… А ведь начинала я полным чайником. Было настолько сложно, что я записывала каждое слово в блокнот)) складывалось впечатление, что все общаются на другом языке))) Но со временем всё стало ясно,благодаря поддержке преподавателей ..появились первые успехи, и я поняла: вот оно, моё!) Отдельная любовь — наши преподаватели Илай и Влад!!! ❤️Это золото просто! Всегда рядом, всегда помогут… Иногда заходишь в чат в два часа ночи, а Илай уже кому-то отвечает)) ..я тогда думала: -он спит вообще?))) Это так ценно! Спасибо вам,ребята, за знания, терпение, поддержку и тёплую атмосферу... Очень рада, что однажды пришла именно к вам» старт - 29.09, вопросы - @alkali_support_bot ❤️ Подробнее ❤️
Небольшое обновление папок в Figma:
→ теперь видно превью файлов внутри папки → цвета папок стали заметнее → папки можно дублировать
Что там по передаче макетов в разработку.
В Фигме вот вернулись к традиционному) Rogie King из Фигмы рассказал, как они делали генеративные плагины и шейдеры. Он хотел начинать каждый дизайн с рабочего прототипа: собрал с нейронкой, потыкал, поправил и показал команде. Но разработчикам, продактам и остальным участникам оказалось неудобно использовать такие прототипы как основу для обсуждения. Дизайнерам они помогали проверять идеи, а договариваться всей командой было сложнее. Поэтому сначала стали раскладывать состояния в статичных макетах и согласовывать поведение, а потом переходить к прототипам в коде. Ведь по работающему экрану ещё надо понять, что именно предусмотрел дизайнер. Нажал кнопку, всё загрузилось, пошёл дальше. А если: – Запрос упал; – Данных пока нет; – У пользователя нет доступа; – Вместо двух слов в названии приехала простыня. Это уже мои примеры. Даже если дизайнер всё предусмотрел, разработчику надо как-то добраться до каждого варианта. Тут нажми, сюда введи вот это, теперь подожди. Ой, сработало, а надо было, чтобы упало)) И так по каждому экрану. На макетах можно положить состояния рядом и сразу увидеть, где забыли ошибку или куда пропала кнопка. Меня бы тоже напрягало постоянно звать кого-то, чтобы он провёл экскурсию по прототипу. Хочется открыть файл, посмотреть нужный экран, оставить коммент и пойти дальше. А прототип уже потыкать, когда проверяешь переходы и само взаимодействие. Команда Фигмы в итоге так и стала работать. А вы сейчас как передаёте макетики? У кого какие лайфхаки, делитесь в комментах, интересно посмотреть ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Как сделать портфолио (ч.3)
Визуальный стиль Многие спотыкаются на этом шаге. Простой совет — сделайте как кайф именно вам. Здесь у вас нет ограничений в виде дизайн-системы, поэтому можно навалить стиля Рекомендации: 1 / Найти референсы Без них у вас не будет рамок, а работать без рамок — сложно. Я тут не собираюсь учить вас качественной работе с рефами — это отдельный навык, который дизайнеры качают на курсах, воркшопах, практиках. Напомню, что мы не воруем, а адаптируем визуальные ходы под себя Ищите то, что откликается по настроению и нравится вам визуально. Тут нужно не попасть в ловушку и не уйти в бесконечные итерации. Говорят, дизайнеры никогда полностью не довольны своим портфолио. Забейте на недовольство, должно просто выглядеть good enough для первой версии, докрутить всегда можно попозже 2 / Найти или придумать интересные решения (фишки), по которым вас можно запомнить Рекомендую смотреть чужие портфолио (например, на foliobin.com | foliodeck.pro), чтобы подмечать не только визуальные ходы, но и чекать, как вообще люди работают со своим опытом и контентом. Если не можете придумать или найти — разгоняйте с ИИ 3 / Сделать дизайн Вы конечно можете пойти и стащить чей-то дизайн как готовый .md файл (например на https://styles.refero.design). Но тогда ваше портфолио не будет уникальным, и при этом вы еще некоторый самообман будет ощущать (будет чесаться зад, что вы как дизайнеры дизайн не смогли сделать) Важно держать в голове, что портфолио — это артефакт, который смотрят в основном дизайн-лид / менеджер / директор. Именно поэтому вы можете своим подходом / дизайном пробить «слепоту» нанимающего Отдельно пару строк про Notion: Многие фанатеют от него как от инструмента для быстрого решения. Я всегда был лоялен к портфелям ноушне в целом, хотя не восхищался уж точно. Сейчас закодить страницу с ИИ будет гораздо эффективнее, а по времени не сильно дольше. Если подусраться немного, то за 2-3 дня можно сделать достаточно хорошо — Я свой дизайн немного обновил (odokienko.ru), осталось пару кейсов написать с прошлых работ и по своим проектам Рефы у меня были такие: https://www.abstract.systems/ https://www.harshsingh.me/ https://mishanaer.com/ https://bento.me/ (щас уже их linktree купил, но раньше приятный стилёк был) — Предыдущая часть [2]
Бесплатный гайд: как собрать один файл стиля для дизайна в ИИ 🔥
Пока у вас нет четких правил дизайна, нейросеть каждый раз решает за вас: карусель в одном оттенке, презентация в другом, сайт в третьем. DESIGN. md фиксирует правила один раз. Дальше вы прикладываете файл к запросу и Claude или ChatGPT создают дизайн в едином стиле. В гайде пошаговая инструкция, где и как его составить. Забирайте ❤️
Сооснователь Geometrium сделал ремонт своей квартиры с нуля — от бетона 🏢
Рассказываем личную историю: Павел взял свою квартиру в московском ЖК «MOD» на этапе голого бетона и превратил её в стильный и продуманный интерьер. Ремонт завершён, и сегодня вышел большой обзор на YouTube: показали, как всё выглядело в процессе, какие решения принимали по дизайну и что получилось в итоге. Смотреть → https://youtu.be/tPZNz7pYnxg А для тех, кто уже спрашивает «откуда этот стол» и «где заказывали свет» — собрали всё в один файл: 57 позиций по комнатам (прихожая, кухня, гостиная, спальня, санузлы), с фото, ценой и ссылкой на магазин. Забирайте под постом👇 Какая вещь из подборки понравилась больше всего? Woon Stores – интернет-магазин дизайнерских предметов и декора для дома https://woonstores.ru/ Реклама. ИП Суркова О.Б., ИНН 773573339339 erid: 2VtzqvkBp52
Основы Тридешной Графики ❤️
Наш передовой курс, после которого вы сможете стать полноценным 3д дизайнером, независимо от бекграунда Чем будем заниматься? Научитесь основам моделирования, будете уверенно чувствовать себя во время работы со светом, шейдерами, костями и анимацией (а также поймете, что все эти слова значат!) Мы учим не просто делать красивые тридешки, а учим системному подходу к разработке креативного визуала, чтобы любая ваша безумная идея могла воплотиться в мире 3д графики На курсе вы получите готовые сетапы, пайплайны, файлы и чёткое понимание, как строить выразительные сцены и выводить их в финальный рендер — всё это реально под руководством опытнейших кураторов Старт - 22.09, вопросы - @alkali_support_bot ❤️ Подробнее ❤️