🧾 Контракт компонентов: как сделать решения проверяемыми

Нейтан Кёртис разбирает, зачем дизайн-системам нужны формальные контракты компонентов. В них фиксируют свойства, состояния, зависимости и правила поведения, чтобы разные платформы одинаково понимали замысел компонента. Автор предлагает строить такие контракты на основе схемы. Она помогает проверять структуру данных, автоматически находить ошибки и генерировать большую часть кода. Хороший контракт должен быть типизированным, неповторяющимся, независимым от конкретной платформы, проверяемым, детерминированным, недорогим в поддержке и готовым к изменениям. Внутри: – Чем контракт компонента отличается от обычного описания или файла в Markdown; – Почему каждое решение нужно хранить в одном месте; – Как сделать контракт независимым от Фигмы, веба, iOS и Android; – Зачем нужны схемы, автоматическая проверка и детерминированная генерация; – Как менять контракты через ADR, версии и понятные правила совместимости. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Наш передовой курс, после которого вы сможете стать полноценным 3д дизайнером, независимо от бекграунда Чем будем заниматься? Научитесь основам моделирования, будете уверенно чувствовать себя во время работы со светом, шейдерами, костями и анимацией (а также поймете, что все эти слова значат!) Мы учим не просто делать красивые тридешки, а учим системному подходу к разработке креативного визуала, чтобы любая ваша безумная идея могла воплотиться в мире 3д графики На курсе вы получите готовые сетапы, пайплайны, файлы и чёткое понимание, как строить выразительные сцены и выводить их в финальный рендер — всё это реально под руководством опытнейших кураторов Сегодня стартует, в течение 2 недель еще можно присоединиться, вопросы - @alkali_support_bot ❤️ Подробнее ❤️

Автор рассказывает, как за год перерисовал больше 600 иконок для Cursor. У каждой по две версии размера и стиля, а многие варианты проходили десятки итераций. Даже толщина линии 1,25 пикселя появилась не из расчёта, а после долгого сравнения с текстом и интерфейсом. В работе помогли правила, которые удерживают набор цельным: оптические формы, одинаковые элементы, естественные пропорции и ручные корректировки там, где формальных правил недостаточно. Вокруг иконок собрали полноценную систему с файлами в Фигме, поиском по тегам, документацией, миграцией старых кодов и автоматической публикацией. Внутри: – Почему унаследованный набор иконок начал расходиться по стилю и смыслу; – Зачем нужны отдельные версии для 16 и 24 пикселей; – Как оптические правки делают маленькие иконки аккуратнее; – Какие три файла в Фигме помогают поддерживать единый стиль; – Почему хорошая икон-библиотека требует не только рисунков, но и документации, поиска и автоматизации. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

1. Бесплатный гайд, который поможет собрать один файл стиля для дизайна в ИИ 2. Как работает дофаминовый дизайн 3. Что делать с правками от клиентов? 4. 5 ошибок в генерации AI-видео 5. Приложения для монтажа reels с помощью ИИ 6. Как сделать так, чтобы ChatGPT проанализировал ваш проект или бизнес 7. 7 инструментов, которые меняют работу графического дизайнера 8. Должен ли логотип отражать нишу бизнеса?

💻 Поднял сервер, чтобы команда могла писать задачи моему боту в ТГ, бот передавал задачи на 2 моих компа, где открыта Астра. Команда может просить бота найти файлы на яндекс диске, смонтировать что-то, опубликовать учебные материалы, да в целом что угодно. Хоть пиццу заказать. Это моя первая работа с сервером в жизни. Я ничего про это не знал, и сделал за пару часов гыгыгы. 🖼 Я сделал сайт. С нуля. Вот этот. Интерактивный, в стиле школы, с нашим лого и паттерном. Я в шоке. Это пока прототип для некой будущей темки) 📹 Базовый монтаж 4 видосов) Даже скучно про это говорить. Но удобно, что я больше это не делаю руками. Создал правила для монтажа и теперь рилсы делаются с 1 раза как надо, без переделок. Тут я сэкономил или 2 часа жизни или 5000 рублей на монтажере. 📚 Допилил план мастер-класса по Астре :D 20% недельных лимитов это 10 баксов. Тыща рублей. За сколько такой сайт купили бы? Под ключ сделанный. Ну давайте ОЧЕНЬ СКРОМНО за 5000 рублей. А кроме него сделана куча задач и я в основном сидел играл в комп 😁 2 октября в 14:00 я проведу большой мастер-класс по АСТРАНОМИЧЕСКИМ возможностям Астры 6.0 😁 Мы будем закупать платные тарифы на GPT, чтобы вы могли не просто послушать, но и потестить Астру по моим советам. Пока хз сколько закупать, поэтому вот ссылка на предзапись на мастер-класс. Залетайте сюда, кто хочет попасть на МК по Астре ⬅️

🧩 🧩🧩🧩❤️❤️❤️ Чем будем заниматься? Научимся основам моделирования, будем уверенно чувствовать себя во время работы со светом, шейдерами, костями и анимацией (а также поймём, что все эти слова значат!) Мы учим не просто делать красивые тридешки, а учим системному подходу к разработке креативного визуала, чтобы любая ваша безумная идея могла воплотиться в мире 3д графики На курсе вы получите готовые сетапы, пайплайны, файлы и чёткое понимание, как строить выразительные сцены и выводить их в финальный рендер — всё это реально под руководством опытнейших кураторов отзыв от @Ellena_Gera с прошлого потока: «Курс по Блендеру от Щёлочь — любовь! Прохожу уже в третий раз))) ..каждый раз нахожу что-то новенькое, ведь программа постоянно обновляется… А ведь начинала я полным чайником. Было настолько сложно, что я записывала каждое слово в блокнот)) складывалось впечатление, что все общаются на другом языке))) Но со временем всё стало ясно,благодаря поддержке преподавателей ..появились первые успехи, и я поняла: вот оно, моё!) Отдельная любовь — наши преподаватели Илай и Влад!!! ❤️Это золото просто! Всегда рядом, всегда помогут… Иногда заходишь в чат в два часа ночи, а Илай уже кому-то отвечает)) ..я тогда думала: -он спит вообще?))) Это так ценно! Спасибо вам,ребята, за знания, терпение, поддержку и тёплую атмосферу... Очень рада, что однажды пришла именно к вам» старт - 29.09, вопросы - @alkali_support_bot ❤️ Подробнее ❤️

→ теперь видно превью файлов внутри папки → цвета папок стали заметнее → папки можно дублировать

В Фигме вот вернулись к традиционному) Rogie King из Фигмы рассказал, как они делали генеративные плагины и шейдеры. Он хотел начинать каждый дизайн с рабочего прототипа: собрал с нейронкой, потыкал, поправил и показал команде. Но разработчикам, продактам и остальным участникам оказалось неудобно использовать такие прототипы как основу для обсуждения. Дизайнерам они помогали проверять идеи, а договариваться всей командой было сложнее. Поэтому сначала стали раскладывать состояния в статичных макетах и согласовывать поведение, а потом переходить к прототипам в коде. Ведь по работающему экрану ещё надо понять, что именно предусмотрел дизайнер. Нажал кнопку, всё загрузилось, пошёл дальше. А если: – Запрос упал; – Данных пока нет; – У пользователя нет доступа; – Вместо двух слов в названии приехала простыня. Это уже мои примеры. Даже если дизайнер всё предусмотрел, разработчику надо как-то добраться до каждого варианта. Тут нажми, сюда введи вот это, теперь подожди. Ой, сработало, а надо было, чтобы упало)) И так по каждому экрану. На макетах можно положить состояния рядом и сразу увидеть, где забыли ошибку или куда пропала кнопка. Меня бы тоже напрягало постоянно звать кого-то, чтобы он провёл экскурсию по прототипу. Хочется открыть файл, посмотреть нужный экран, оставить коммент и пойти дальше. А прототип уже потыкать, когда проверяешь переходы и само взаимодействие. Команда Фигмы в итоге так и стала работать. А вы сейчас как передаёте макетики? У кого какие лайфхаки, делитесь в комментах, интересно посмотреть ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Визуальный стиль Многие спотыкаются на этом шаге. Простой совет — сделайте как кайф именно вам. Здесь у вас нет ограничений в виде дизайн-системы, поэтому можно навалить стиля Рекомендации: 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 создают дизайн в едином стиле. В гайде пошаговая инструкция, где и как его составить. Забирайте ❤️

Рассказываем личную историю: Павел взял свою квартиру в московском ЖК «MOD» на этапе голого бетона и превратил её в стильный и продуманный интерьер. Ремонт завершён, и сегодня вышел большой обзор на YouTube: показали, как всё выглядело в процессе, какие решения принимали по дизайну и что получилось в итоге. Смотреть → https://youtu.be/tPZNz7pYnxg А для тех, кто уже спрашивает «откуда этот стол» и «где заказывали свет» — собрали всё в один файл: 57 позиций по комнатам (прихожая, кухня, гостиная, спальня, санузлы), с фото, ценой и ссылкой на магазин. Забирайте под постом👇 Какая вещь из подборки понравилась больше всего? Woon Stores – интернет-магазин дизайнерских предметов и декора для дома https://woonstores.ru/ Реклама. ИП Суркова О.Б., ИНН 773573339339 erid: 2VtzqvkBp52

Наш передовой курс, после которого вы сможете стать полноценным 3д дизайнером, независимо от бекграунда Чем будем заниматься? Научитесь основам моделирования, будете уверенно чувствовать себя во время работы со светом, шейдерами, костями и анимацией (а также поймете, что все эти слова значат!) Мы учим не просто делать красивые тридешки, а учим системному подходу к разработке креативного визуала, чтобы любая ваша безумная идея могла воплотиться в мире 3д графики На курсе вы получите готовые сетапы, пайплайны, файлы и чёткое понимание, как строить выразительные сцены и выводить их в финальный рендер — всё это реально под руководством опытнейших кураторов Старт - 22.09, вопросы - @alkali_support_bot ❤️ Подробнее ❤️

Просишь агента собрать экран по своей дизайн-системе. Он что-то делает, ты открываешь Фигму, а там компоненты свои, стили свои. Пишешь ещё раз, прикладываешь скрин, объясняешь. Потом думаешь, что надо попробовать другого агента, может, тот поймёт быстрее. Только новому тоже придётся показать, где лежат файлы, какие компоненты брать и по каким правилам всё собирать. Иначе опять объясняешь одно и то же в каждом чате. Сначала вроде терпимо, потом хочется уже нормально настроить и заниматься задачами. Вчера, кстати, статейку как раз от Фигмы выкладывал, они там тоже таким занимались с Coinbase, почитайте. В общем, Даня Шишко собрал бесплатный гайд по настройке агентов для дизайнеров. С файлами, которые можно скачать и использовать у себя, подключением Фигмы и разбором того, что делать, когда агент снова ничего не видит. Как обычно, бесплатно и с пользой. 📌 Что внутри - Стартовые файлы и инструкции для повторяющихся задач; - Подключение Фигмы, чтобы агент видел компоненты и стили; - Разница между Claude и Codex и выбор под свои задачи; - Три кейса: прототип из брифа за день, экраны по дизайн-системе и прототип раньше макетов; - Что проверить, если агент не находит файлы или делает что-то не то. Если пока настраивали всё по ходу дела, можно пройтись по гайду и сравнить со своей сборкой. А если только начинаете, будут готовые файлы и примеры, с которых можно стартовать. Газ настраивать 👍 🔠 Гайд лежит в закрепе канала Даниила, забирайте 🔠 Гайд лежит в закрепе канала Даниила, забирайте 🔠 Гайд лежит в закрепе канала Даниила, забирайте

Если папку с изображениями переместили или переименовали, то раньше в макете обновлять ссылки на потерянные файлы нужно было по одной. На Виндовс есть механизм, что при потере папки изображений через несколько секунд автоматически появляется окно с предложением указать новую папку и найти в ней все изображения. На Маке не работает — такое окно Иллюстратор покажет только при повторном открытии макета. Новый способ в версии 30.8 1. Выбираем одно пропавшее изображение в панели управления или панели Links. 2. Запускаем команду Relink. 3. В открывшемся окне выбираем пункт привязки всех отсутствующих файлов, найденных в той же папке. Чем заменить в старых версиях Бесплатный скрипт RelinkMissingLinks от Masahiro Takano. Выбирать изображения в макете перед запуском необязательно. В скрипте можно указать новый путь к папке, указать поиск полный или по расширениям и заменять существующие или потерянные линки. Официальный список изменений

Как обычно, инструментов море, разговоров еще больше, а конкретики ноль. Что ставить, чем Claude отличается от Codex, как подружить агента со своей Figma и почему он в упор не видит файлы...? 🙈 Поэтому делюсь! Даниил Шишко 😎 собрал подробный гайд, который проводит по всему пути с нуля Внутри: • 3 реальных кейса применения AI в работе дизайнера • как подключить агента к Figma, чтобы он видел ваши компоненты и стили • Claude vs Codex: что выбрать и в чем разница • пошаговая настройка среды со стартовыми файлами и скиллами • что делать, если агент не видит файлы или выдает не то 🤘 Гайд бесплатный, забирайте в закрепе канала Даниила

• Раздел "Создание музыки и звуков" (дальше добавим создание голосов и озвучка) • Стили для фотогенераций (несколько тысяч стилей на любой вкус, аля Миджорней) • Фоторедактор (большое обновление и исправление мелких багов) • Академия (новый дизайн + 2 новых курса по фото и видео) • Холст (как у рекрафта, свободное пространство, где можете генерировать все что угодно) • Загрузка всех типов файлов в Клод и ЧатГПТ (для анализа и создания новых файлов) • Видеоредактор-первая версия (Максим + Алексей) • Добавить новые ИИ (все до чего не доходили руки из-за обновлений утопии, сейчас будем добавлять ) • Мелочовки (перманентно что-то улучшаем в интерфейсе) В видео пробежался по основным новым фичам. Для вас это прекрасная возможность посмотреть, как создаются реальные проекты, которыми уже пользуются тысячи людей и крупные бренды, например, зеленый банк и синяя соц сеть. Вы же не сомневаетесь, что я в итоге захвачу мир?😉

Евгения Шамрай из студии «Проект» рассказывает, почему первый рабочий скилл часто разваливается, когда его открывает второй человек. Пока им пользуешься одна, половина правил живёт в голове. Другой видит только файл и сразу находит дыры: слабое описание, смешанные зоны ответственности и противоречивые инструкции из разных частей проекта. Большой универсальный скилл оказался плохой идеей. Нормальный командный скилл ближе к дизайн-системе: у него есть границы, владелец, структура и история изменений. Description решает, подключится ли он вообще. А знания лучше держать рядом отдельными файлами, а не в одном огромном SKILL.md. Внутри: – Почему description важнее красивых правил внутри файла; – Как делить скиллы по одной ответственности, а не по «всему проекту»; – Зачем делать SKILL.md роутером, а знания выносить в папки; – Как дописывать правила после реальных ошибок, а не заранее; – Зачем нужен отдельный проверяющий агент, а не проверка внутри исполнителя; – Почему без владельца и короткого CHANGELOG скилл быстро зарастает мёртвыми правилами. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

✨Нейросети сегодня умеют многое: подкинуть идеи силуэта, собрать мудборд, «примерить» фактуру, даже сгенерировать красивый модный эскиз. Но когда дело доходит до технического эскиза (техэска) - картинки, по которой конструктор, технолог и производство реально понимают, что именно шить — магия заканчивается. Потому что техэскиз - это не «красиво», а точно. И вот почему без Adobe Illustrator вы не сможете делать техэскизы профессионально - даже если используете нейросети👇 1) Технический эскиз — это язык производства, а не визуал «для вдохновения». Нейросети отлично работают в зоне образа: настроение, стилистика, референсы, общая форма. 2) Нейросеть не рисует линиями — она рисует пикселями. Главная проблема генераций для техэскизов: они создают растровое изображение — набор пикселей, а не вектор. 3) Контроль и правки: то, за что платят дизайнеру. Самая частая реальность в брендах и на фабриках — не «нарисовать один раз», а вносить правки быстро и точно. 4) Линии, узлы, слои: почему Illustrator незаменим именно для техэскизов. В векторе эскизы получаются: • читаемыми • повторяемыми • редактируемыми • стандартизированными для команды 5) Нейросети полезны — но как часть процесса, а не вместо него. 6) Почему работодатели требуют Illustrator. Потому что дизайнер в компании — это не человек, который «умеет красиво», а человек, который: • делает техэскизы в векторе • умеет работать по ТЗ и вносить правки • держит стандарт бренда (толщина линий, формат, структура файлов) • передаёт материалы в производство без потерь информации • работает быстро (а не «перегенерирую ещё 30 вариантов») 7) Вывод: нейросети не отменяют Illustrator — они делают его ещё важнее. Нейросети дают скорость и креатив, но чем быстрее вы генерируете идеи, тем важнее становится этап, где эти идеи нужно: • привести к точности • стандартизировать • подготовить к производству • быстро править и обновлять ‼️И именно здесь Adobe Illustrator — основа, без которой техэскизы не становятся профессиональным инструментом, а остаются красивыми картинками. 14 сентября стартует новый поток курса "Adobe Illustrator в дизайне одежды" Сейчас открыта анкета предзаписи всю подробную информацию отправим 1 сентября - ССЫЛКА 8 сентября будет бесплатный вебинар "Что должен уметь дизайнер одежды в 2026 году -и за что ему готовы платить" - ССЫЛКА

➡️Есть простая аналогия, которая всё расставляет по местам: ручной эскиз - это как бумажное письмо, а векторный - как e-mail. И разница ощущается сразу 👇 ✏️ Создание От руки - долго и требует аккуратности. В Иллюстраторе - быстрее, чётче и сразу в нужном формате. ✏️ Редактирование На бумаге каждая правка - это почти заново. В векторе - меняете линии, детали и пропорции за пару кликов. ✏️ Передача Ручной эскиз нужно фотографировать, сканировать, отправлять. Векторный файл - сразу готов к работе и передаче команде. ✏️ Копирование От руки - снова рисовать. В Illustrator - копируете за секунды и создаёте варианты. ✏️ Хранение Папки, скетчбуки, хаос. Или - структурированные файлы, которые легко найти и использовать снова. ✏️ Дизайн и возможности Ручной эскиз - это творчество, фактуры, настроение. Вектор это свобода без ограничений: цвета, линии, детали, фактуры и бесконечные правки без потери качества. ✏️ Работа в профессии Ручной рисунок подойдёт для индивидуального пошива или небольших задач. Векторный эскиз - это уже профессиональный инструмент: с ним работают дизайнер, конструктор и технолог, вносят правки и запускают изделие в производство. Итог простой: оба формата имеют место быть. ❕Но если вы хотите работать в индустрии, быстро вносить правки и зарабатывать - без вектора уже не обойтись. ▪️ 14 сентября стартует новый поток курса "Adobe Illustrtaor в дизайне одежды" анкета предзаписи: ССЫЛКА ▪️ 8 Сентября вебинар "Что должен уметь дизайнер одежды в 2026 году и за что ему готовы платить" ССЫЛКА

Говорит, что у новичков случается wow-эффект, когда он им дает простую задачку — разобрать папку «Загрузки» У меня на ноуте скопилась куча хламья — 300+ файлов на 18 ГБ и еще 2500+ файлов в Telegram Desktop Downloads Cупер-простой запрос: разбери папку «Загрузки» Дальше он все сделает сам Это кажется очень простой и очевидной штукой, но она может не прийти в голову, если не думать в эту сторону — мне не приходила