🧠 В Фотошопе поняли, что проблема не в генерации, а в разрыве между намерением и результатом

Generative Fill уже умел менять изображение по текстовому запросу. Но когда в Фотошоп добавили Reference Image, быстро выяснилось, что пользователи ожидают от него не «примерное вдохновение», а гораздо более управляемый результат. То есть проблема была не в самой идее, а в том, как люди понимали влияние референса и насколько могли контролировать итог. Самое интересное в кейсе Adobe не финальный интерфейс, а сам путь. Команда прошла через несколько раундов исследований, пробовала разные сценарии, даже собрала отдельный Protoshop, чтобы тестировать гипотезы быстрее, чем через десктопный Фотошоп. В процессе отвалились лишние настройки, поменялась логика взаимодействия, а главный вывод оказался довольно приземленным: пользователю важнее не количество контролов, а понятный способ заранее выразить намерение. Внутри: – Почему первый интерфейс с референсом не совпал с ожиданиями пользователей; – Какие непонимания вскрылись между промптом и референсным изображением; – Почему людям было важно управлять степенью влияния референса; – Зачем команда пробовала drag-and-drop и почему этот путь не сработал; – Как отдельный Фотошоп ускорил цикл тестирования и переделок; – Почему пришлось адаптировать технологию под поведение людей, а не наоборот; – Как в финальной версии упростили сценарий и убрали лишнюю сложность; – Что этот кейс говорит о дизайне AI-функций в целом: контроль важнее магии. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Набор «3D abstract shapes» by Дмитрий Чаплинский

Большая коллекция разных абстрактных элементов в PNG формате, сделанных с помощью Stable Diffusion ‍ Скачать набор🔥 #материалы

#11 Фигма запустила агентов прямо на холсте

Вот теперь история с ИИ в Фигме стала совсем прямой. Сначала они подключали внешних ребят через MCP, дружили с Claude Code, Codex и другими агентными инструментами. А теперь, по данным TechCrunch, Фигма добавляет собственного ИИ-агента прямо на совместный холст. Работать это должно так: пишешь запрос, агент создаёт новый дизайн, правит существующий экран или делает несколько вариантов того, что уже лежит в файле. Причём можно запускать сразу несколько агентов, чтобы они параллельно делали разные задачи. Выглядит как логичный следующий шаг. Если кодовые агенты уже умеют лезть в Фигму, тащить оттуда контекст и что-то собирать по макетам, то странно было бы Фигме самой оставаться просто местом, куда агент приходит в гости. Агенту проще жить там, где уже лежит вся продуктовая логика: компоненты, стили, состояния, комментарии, старые решения и люди, которые всё это обсуждают. Главный вопрос теперь: понимает ли агент, зачем этот экран вообще существует? Вот это для дизайна намного интереснее самой генерации. Нарисовать пять вариантов карточки уже не вау. Вау будет, если агент поймёт, что в этом продукте нельзя брать старую кнопку, что пустое состояние должно быть таким, что у мобильной версии другой сценарий, что в этой таблице пользователь ищет быстрый ответ итд Фигма говорит, что агент понимает дизайн-контекст и элементы, потому что работает на моделях, дообученных под дизайн-задачи. Хорошо, если так. Потому что обычная ИИ-генерация интерфейсов часто выглядит как человек, который насмотрелся красивых дашбордов, но ни разу не сидел на созвоне, где обсуждали реальную роль этого дашборда в продукте. Тут важен сам факт, что агент появляется на совместном холсте. Холст в Фигме всегда был местом, где команда смотрит на одно и то же. Дизайнер двигает блок. Продакт спорит про сценарий. Разработчик спрашивает, что будет в краевом случае. Кто-то оставил комментарий три недели назад и испортил всем настроение. Теперь туда добавляется ещё один участник. Он не устает, не обижается и может за минуту накидать десять вариантов. Польза очевидная, пока не представляешь реальный файл большой команды. Там же начнётся веселье: 1. один агент сделал вариант главного экрана 2. второй поправил состояние ошибки 3. третий решил «улучшить» компонент 4. дизайнер вручную вернул половину назад 5. продакт спросил, кто вообще это предложил Фигме придётся очень аккуратно проектировать ещё и следы работы агента. Что он поменял. Почему поменял. Где его вариант. Где человеческое решение. Что можно откатить. Что ушло в обсуждение. Что осталось просто черновиком. Самый полезный агент в Фигме будет не тем, кто рисует красиво. Скорее тем, кто быстро приносит материал для обсуждения: черновик, краевые случаи, варианты, странные состояния. Такой быстрый помощник, которому можно дать скучную задачу, но всё равно надо смотреть за руками. И это нормальная роль. Дизайнеру редко нужен кто-то, кто сам всё решил. Чаще нужен тот, кто быстро принесёт материал для обсуждения. А дальше уже начинается работа: понять сценарий, убрать лишнее, проверить состояния, привести в чувство и принять решение. Если Фигма сделает агента именно таким участником холста, это может быть сильная штука. Если просто добавит генератор экранов внутри файла, будет весело первые две недели, а потом все снова вернутся к ручной уборке после ИИ. Я, честно говоря, ко всей это аи агентской приколюхе в дизайне именно отношусь очень скептически. Вышли уже десяток продуктов по генерации и все сдохли. Ни одного продукта я не знаю, кто там на слуху и им прям пользуются. Код да, дизайн, увы, пока нет. А вы что думаете?) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Минутка ИИ-видео:

Кстати рекомендую. Вероника Пель моя выпускница, а теперь известная нейрохудожница Mindeye, которая сама преподает. Если вы уже наигрались с изображениями в ИИ и хотите расти дальше, приходите к Веронике на курс, где будете создавать видео в нейросетях. Она сама ежедневно работает с разными инструментами и готова поделиться своей техникой и системой. Курс не маленький, займет время, зато узнаете, как генерить на разных платформах и нейронках, как монтировать, делать звук и диалоги. В общем, по итогу можно научиться создавать от короткого рилза до клипа или минифильма. Правда интересно? Саму программу и все остальное можно посмотреть тут
Горячие новости с премии Workspace Digital Awards'26 🔥
Нам дали очередную премию 🥈СЕРЕБРО за лучшее мобильное приложение в категории HoReCa и еда. Мы завоевали второе место с приложением, которое делали для проекта «Ели Пили» — сервиса, объединяющего рестораны Florentini, «Чичико» и «Чего хотэли». Через приложение можно заказывать еду, бронировать столы и в целом комфортно взаимодействовать с любимыми местами. Честно, мы, конечно, очень хотели первое место, но его забрала команда, которая сделала и развивает приложение для Burger King по всей стране. Так что конкуренция была более чем достойная. Бронза у студии Лебедева за приложение ТейстиКофе. Для нас работа с приложениями только начинается, поэтому эта награда особенно важна. Она показывает, что мы идем в правильном направлении и уже можем конкурировать с большими игроками. В этом году мы подавали Всего у нас было 4 проекта, которые попали в 7 шорт-листов, но в итоге взяли одну награду — чувства смешанные, потому что всегда хочется больше, но это отличный повод расти дальше и двигаться еще смелее. На премии удалось повидаться со старыми знакомыми, пообщаться с ребятами из разных агентств. Обсудить идеи для сотрудничества. Мероприятие прошло классно, я уже вернулся в отель, очень хочу спать. Завтра с утра — пробежка и дорога в Питер. Кстати, вот ссылочка на приложение «Ели Пили» — можно потестить и поддержать наших заказчиков своими заказами и отзывами. Но только в Мск.
God is a designer.® + Giad
процесс Буду описывать процесс работы над логотипом параллельно с самим процессом. Итак, заказчик выбрал черновой концепт полного названия God is a designer, а точнее, две итерации, которые он попросил по возможности совместить, а также сокращение Giad. Дополнительно попросил: — поменять прописную 'D' на строчную 'd' — добавить точку в конце фразы + знак зарегистрированного товарного знака (торговой марки) ® — попробовать разные формы буквы 'r', которые есть в итерациях. Работаем.
🧵✨Это не магия! А мои пошаговые алгоритмы, которые легко повторить каждому!
Сложно поверить, что у участников марафона было только одно исходное фото, снятое на телефон дома: на вешалке, на стуле, при дневном свете без обработки. А теперь посмотрите в видео, что стало👆🏻 🎬 В видео — реальные работы участниц моего последнего марафона «ИИ для упаковки, виртуальной примерки и нейрофотосессии». Они не дизайнеры с 10-летним стажем, не фотографы и не маркетологи. Они шьют, вяжут, создают разные изделия и за одну неделю научились превращать свои «домашние» снимки в: ✅ продающие карточки для соцсетей и маркетплейсов ✅ виртуальную примерку на разных фигурах (без поиска моделей, аренды студии и найма фотографа) ✅ фото в любых локациях — парк, кафе, студия, дом ✅ UGC-контент — «как будто счастливый покупатель сам снял распаковку» ✅ короткие видео с движением, настроением, крупными планами Если вы хотите: — чтобы ваши работы заметили и купили; — поднять средний чек, так как профессиональный визуал продаёт дороже; — наполнять соцсети контентом без выгорания и без «выхода в блог лицом». Вы еще можете присоединиться по ссылке 📍В пятницу я проведу живой эфир для участников марафона, на котором будем разбирать все вопросы. 
🐋 Средний пользователь это плохая опора для продукта
Якоб Нильсен предлагает смотреть на продукт не через «среднюю температуру», а через разницу между медианным пользователем и самыми активными пользователями из верхних перцентилей. Его главный тезис простой: во многих цифровых продуктах пользователь из середины и пользователь из верхних 5% живут в разных реальностях. Один заходит редко, быстро сдается и пользуется двумя функциями. Другой живет в продукте, приносит основную выручку, быстрее всех находит ограничения системы и показывает, куда рынок вообще движется. Статья не просто спорит с идеей «среднего пользователя», а дает более практичную рамку. Если продукт слабо скошен, можно делать ставку на простоту и широкий базовый сценарий. Если у вас сильный перекос в сторону самых активных пользователей, нужно отдельно думать про «туриста» и отдельно про «кита»: первому делать максимально понятный вход, второму давать глубину, скорость, автоматизацию и пространство для роста. Внутри: – Почему средний пользователь в цифровом продукте часто вообще не существует; – Зачем смотреть на разницу между медианой и верхними 5%, а не на средние метрики; – Как неравенство участия и степенные распределения меняют продуктовую логику; – Почему самые активные пользователи часто дают не только деньги, но и главные инсайты для развития; – Как меняется стратегия в интернет-магазинах, корпоративных сервисах, соцсетях и играх; – Почему один плоский интерфейс обычно плохо работает и для новичков, и для самых сильных пользователей; – Как прогрессивное раскрытие помогает не пугать массового пользователя и не душить сильного; – Зачем продукту не только обслуживать текущих «китов», но и выращивать новых. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Делимся записью Щелочного вебинара про портфолио с Рипсиме!
На встрече: 1) Обсудили какие есть форматы портфолио и где лучше его создавать 2) Изучили разные no code конструкторы 3) Поговорили про ИИ в портфолио и практивались 4) Сделали ревью портфолио участников Спасибо всем, кто пришел! Презентация в комментариях этого поста💗 И приходите на наш щелочной курс ГАЗ по айдентике, который будет вести Артем РЕФ, узнать подробности можно будет позже на сайте ALKALI.
ИИ vs Человек: метаанализ исследований креативности ⭐️
В последние годы каждые пару месяцев учёные выпускают новые исследования, посвященные сравнению человеческой креативности с искусственным интеллектом. Выводы разнятся в зависимости от методологии, выборки и других нюансов. Иногда они кажутся неутешительными. Например, январское исследование показало, что ИИ уже превосходит среднестатистического человека по креативности. Однако свежий метаанализ 28 работ предлагает другой взгляд на проблему. Человеческая креативность действительно сравнима с ИИ Метаанализ подтверждает: креативные результаты современных моделей ИИ почти не отличаются от человеческих. Однако в исследовании появляется третья переменная — креаторы, которые используют ИИ. В работе проанализировали 8214 участников разных исследований и сравнили их результаты между собой. Оказалось, что креативность тех, кто работает в связке с ИИ, значительно превосходит креативность как генеративный моделей, так и людей, полагающихся только на свои силы. ИИ — креативный партнёр, но есть нюанс В метаанализе оценивалась не только эффективность решения творческих задач, но и разнообразие генерируемых идей. И хотя креаторы, работающие в паре с ИИ, оказались эффективнее, они предложили меньше разнообразных идей. Возможно, дело в том, что для решения задач потребовалось меньше вариантов. Если это так, то это ещё один аргумент в пользу применения ИИ в работе. И хотя такие результаты настораживают, вот за что точно можно не переживать: пока симбиоз человека и машины показывает лучшие результаты, бездушный ИИ не отнимет у креаторов работу. #КНП_исследования 🔵 Канал о креативе, креативности, творческом мышлении и полезных инструментах
4 книги для тех, кто рисует моду
Если вы хотите научиться профессионально рисовать fashion-эскизы, понимать форму одежды и визуализировать идеи как настоящий дизайнер — эти книги стоит знать каждому. ✨ Figure Drawing for Fashion Design Vol. 1 Одна из самых известных книг по fashion-иллюстрации. Здесь подробно разбирается построение женской фигуры, пропорции, позы, пластика тела и подача эскиза. Книга помогает не просто “рисовать красиво”, а создавать выразительные fashion-образы с характером. Отлично подойдет студентам, дизайнерам одежды и всем, кто хочет уверенно рисовать фигуру в fashion-стиле. ✨ Figure Drawing for Fashion Design Vol. 2 Настоящая база по техническому рисунку одежды и fashion flats. В книге показано, как переводить объемную одежду в понятный технический чертеж для производства. Разбираются разные типы изделий, детали кроя, посадка, материалы и оформление технических рисунков. Очень полезна тем, кто хочет работать с производством, создавать коллекции или делать профессиональные tech packs. ✨ Figure Drawing for Men’s Fashion Редкая и очень ценная книга именно по мужской fashion-иллюстрации. В ней подробно показано построение мужской фигуры, особенности мужских силуэтов, подача тканей, одежды и аксессуаров. Подойдет тем, кто хочет глубже понимать мужскую моду и научиться рисовать мужские коллекции профессионально. ✨ Fashion Details: 4000 Drawings Настоящая энциклопедия fashion-деталей. В книге собрано огромное количество вариантов воротников, складок, драпировок, карманов, рукавов, вырезов и декоративных элементов. Это не просто книга, а бесконечный источник вдохновения для дизайнеров одежды, иллюстраторов и студентов fashion-направлений. Эти книги — уже практически классика fashion-образования. Именно на таких материалах формируется визуальное мышление дизайнера одежды.
Я очень люблю обучения по дизайну🥹
Если посчитать всё, что я уже прошла из платного по дизайну за эти 6 лет, то, наверное, обучений 20 точно наберётся (мб об этом отдельный пост собрать?). Мне правда нравится учиться, смотреть, как другие мыслят, как подходят к задачам, как объясняют процессы!😇 Сейчас я, кстати, на обучении у Даниила Шишко (очень хочу изучить Claude еще глубже), но про это чуть позже! Помимо платных обучений я постоянно смотрю всякие бесплатные материалы, лекции и разборы. Вот, что советую: ✨Bang Bang Education — много полезного по узконаправленным темам (дизайн для ТВ и т.д.) ✨лекции с разных дизайн-мероприятий, типа Д-в. (все записи после мероприятия часто выкладывают в открытый доступ) ✨из последнего, что прям понравилось — канал Руслана Шарипова (у него очень классные уроки именно по продуктовому дизайну и UX) Вообще не реклама, просто мои личные рекомендации💜 #полезное
Рукописные шрифты заинтересовали прямо. Если в тех еще разбираешься более менее, что-то там двигаешь, в универе послушал, порисовал, что-то понял. То вот рукописные прям сложнее понять как строить и не испортить читаемость
Ирина Прям частый запрос оказался И кто я такая, чтобы игнорировать этот зов. Рукописные шрифты намного-намного разнообразнее гротесков и антикв. Если у этих товарищей по сути меняются только толщины, пропорции, наклоны и варианты начертаний, то у рукописных варьируется буквально ВСЁ. Пропорции, толщины, наклоны, начертания... хотя стоп. Это же то же самое... И да, и нет. Логика точно та же — сначала создаём графему, потом натягиваем на неё стилистическое мясо. Самое сложное: сохранить единую стилистику, чтобы все буквы выглядели родными. Секрет тут в повторяющейся логике направляющих. Записала для вас наглядное видео. Будет ли об этом в интенсиве? Похоже, что нужно добавлять! Может сделать это бонусом для первого потока — как моя благодарность за доверие? 🌸
Курируемая галерея разнообразных дизайнерских решений навигационных панелей.
navbar.gallery
Продолжаю юридически подковывать дизайнеров. Вооружен значит защищен!
Сегодня в 19:00 (мск) начинается двухдневный воркшоп в Вышке на тему "Логотипы-аббревиатуры под регистрацию в Роспатенте" Я сам проходил через это, когда регистрировал «UPROCK», и мог бы избежать головной боли, если бы заранее знал много нюансов. Кроме того, знание юридических аспектов значительно поднимает ваш профессионализм в глазах клиента и работодателя. Цель нашего лектория именно в этом — прокачать вас и сделать лучшими. Провести воркшоп пригласил Екатерину Тырыкину (@ot_logo_k_R) — логомейкера патентных бюро и автора 130 логотипов, которые успешно прошли регистрацию в Роспатенте. Процитирую Екатерину, что вас ждет на воркшопе: Именно логотипы из букв и цифр часто получают отказ в регистрации в Роспатенте, а запросы на них у клиентов все еще не редкость в совершенно разных сферах: от стильных монограмм брендов одежды до консервативных логотипов производственных предприятий.   Давайте научимся создавать такие аббревиатуры, которые бы легко проходили экспертизу и защищали юридически бизнес клиента!  И готовиться лучше всего к этому ДО того, как появится коммерческий заказ с аббревиатурой, чтобы потом уверенно и профессионально выполнить задачу. 📌 На воркшопе мы: – Разберем все нюансы законов про аббревиатуры; – Рассмотрим 20 методов стилизации, а также их плюсы и минусы; – Потренируем регистрационную насмотренность, а не только не графическую; – Выстроим пошаговую оптимальную стратегию работы с аббревиатурами для экономии сил, времени и правок; – Создадим свои аббревиатуры, а Екатерина лично проверит и разберет работы каждого участника. Воркшоп пройдет в нашем лектории "Вышка" на тарифе "Практикум" Вышка – это закрытое сообщество UPROCK, куда мы приглашаем лучших экспертов для разбора самых актуальных тем в дизайне. В лектории доступно 60+ лекций и 15+ воркшопов, а также еженедельные онлайн-эфиры, где вы можете напрямую задавать вопросы спикерам. ➡️ Присоединяйтесь к Вышке на Boosty
У вас слишком дорогой ремонт...
Этот комментарий мы часто получаем во всех наших соц.сетях. Крыть нечем — мы с этим согласны и сами понимаем, что наши ремонты нельзя назвать бюджетными. У нас нет цели завлечь низкой стоимостью: цены везде указаны честно и прозрачно. Можно было бы лукавить, писать приблизительно, не включать стоимость сборки, доставок, клининга. Получать красивые цифры и кичиться ими в соц.сетях. Просмотры бы взлетели! Но такой подход не в наших принципах — доверие заказчиков дороже минутной славы💔 А внутри команды мы часто обсуждаем разницу между «дешевле сейчас» и «выгоднее в перспективе». Давайте разбираться по пунктам! Объективно, стоимость ремонта выросла — даже полгода назад у нас были бюджеты ниже. И мы никак не можем влиять на рост цен. Но в каждом проекте заранее согласуем бюджет с заказчиком, с привязкой к его целям: быстрая сдача, максимальный чек и последующая ликвидность объекта. В нашем подходе ремонт — это инвестиция, которая работает сразу на несколько задач: 1. Привлекает бережных арендаторов, готовых платить выше рынка и ухаживать за вашей собственностью. 2. Увеличивает срок аренды без простоя — такие интерьеры не сдают на неделю, в них живут годами. С дешевых ремонтов арендаторы с деньгами бегут — понимают, что на них сэкономили. Мы неоднократно слышали такие истории от людей на просмотрах — https://t.me/yuloo/9486 3. Упрощает последующую продажу — объект уже готов, выглядит стильно и не требует вложений ни сейчас, ни через 5 лет. 4. Снижает торг при аренде/продаже — потому что объект выглядит на свою стоимость, и вызывает желание наоборот забронировать, лишь бы лот не отдали другому. А что касается страхов что«придется переделывать, пока окупится» — мы используем материалы и решения, рассчитанные минимум на 10 лет. И к нам возвращаются спустя два-три года — с комментариями, что не пришлось вкладывать в переделку ни рубля, потому что арендаторы заботятся, а сам интерьер выглядит свежо. Наши проекты — для тех, кто хочет не просто сдать квартиру «как-нибудь», а сделать объект, который будет приносить больше денег и меньше проблем в перспективе. И для тех, у кого в собственности уже несколько квартир, поэтому нет смысла делать одинаковый усредненный интерьер, который ничем не отличается от соседних лотов. Но мы с командой придумали формат для тех, кто хочет обустроить квартиру с нами, но с меньшим бюджетом 🔥 🔥
Недавно мы сделали очень важный шаг ☝️
Провели глубинные интервью с клиентами -селлерами Можно подумать, да чего с ними созваниваться, мы и так с ними работаем и всегда на связи. Мы созвонились и с клиентами, которые работают с нами годами и новыми, которым оформили первые карточки Очень много чего для себя подчеркнули. • Узнали разные мнения, • почему с нами работают, • как они выбирали дизайнера, • что нам улучшить в работе, • чего не хватает Ни для кого не секрет, что рынок сейчас меняется Экономика в 2026г в упадке, бизнесы закрываются. Некоторые наши клиенты тоже закрылись, ушли с МП Сейчас тренд в бизнесе это оптимизация всех процессов, а особенно расходов Поэтому сейчас мы в студии занимаемся добавлением ценности в наши услуги. Взяла консультацию у маркетолога, провели каст девы, идем в глубину и качество
Платье-невидимка. У вас 100% тоже есть такое!
У моей ученицы Елены было красивое платье. Она долго подбирала ткань, сшила его аккуратно, отстрочила всё идеально. Оно висело на вешалке в шкафу… и никто его не видел. Потому что единственное фото, которое у неё было, — это снимок на телефон на фоне двери. «Ну как такое выкладывать? Продавать стыдно» — думала Елена. Она почти смирилась, что это платье останется просто вещью для себя. Но решила попробовать то, что я ей предложила. Что она сделала из одного своего домашнего снимка (и вы сможете тоже) ✔️Продающую карточку для соцсетей ✔️Фото в разных локация — платье «выехало» в солнечный парк, уютное кафе и на веранду у моря ✔️Примерку на двух моделях — 42-го и 54-го размера. Покупательницы с разной фигурой, наконец, увидели себя и перестали бояться «а вдруг не сядет». ✔️UGC-кадры — как будто реальная клиентка распаковала заказ в своей гостиной.  Короткое видео — платье в движении, с музыкой, с настроением. То, что останавливает взгляд в ленте. Елена сказала мне: «Я даже не думала, что из одного скучного снимка можно сделать столько контента. Раньше мои вещи были невидимками. А теперь их замечают и покупают.» Рассказываю, как это сделать на вебинаре «Как показывать и продавать своё творчество с помощью ИИ - без навязчивых продаж, дорогих фотосессий и потери индивидуальности».  РЕГИСТРАЦИЯ ПО ССЫЛКЕ👈🏻
Как я пытаюсь выстроить связку Figma + Claude (часть 1)
Мечта любой команды разработки сейчас — автоматизировать сборку дизайна с помощью LLM, чтобы ускорить delivery-процесс. Я видел несколько разных подходов, но в итоге пришёл к чему-то, что, как мне кажется, должно сработать удобно Рассказываю на примере проекта, где я на фрилансе (oversecured.com) Дано: - legacy-архитектура фронта, которую сложно масштабировать с LLM-кой - отсутствие части макетов в Figma + неактуальность макетов Что хотим: - заиметь макеты в Figma, которые выступают как источник правды - можно дать ссылку на макет, и LLM (Codex/Claude) его соберёт - UI-kit/дизайн-система, которая полностью совпадает в Figma/code Как мы решили это сделать: 1. Подключаем для кода open-source библиотеку компонентов shadcn (https://ui.shadcn.com/create). Компонентов там достаточно много + они гибкие (можно внутрь прокидывать много свойств). Это наша база, из которой мы будем собирать весь фронт 2. Берём для этой же библиотеки какой-то из Figma-файлов (вот здесь (https://ui.shadcn.com/docs/figma) есть несколько ссылок на файлы community, на них ссылается сам shadcn). Это наша вторая база, из которой мы будем собирать все макеты в Figma Мы пока не придумываем дизайн и не собираем компоненты с нуля, чтобы ускориться на старте, — просто берём готовое решение. 3. Начинаем собирать макеты в Figma из компонентов, которые мы взяли в community. На скрине — дизайн 4. Дальше через Figma MCP мы можем отдавать нашему AI-агенту ссылку на макет и просить собрать дизайн с помощью компонентов shadcn (можно также использовать shadcn MCP (https://ui.shadcn.com/docs/mcp)) Для тех, кто еще не знает: MCP — это протокол, через который LLM общается с внешними тулами вроде Figma. Важно здесь отловить одну вещь: AI-агент должен вытаскивать из Figma не скриншот макета, а структуру страницы (для этого используются разные методы). И всё — это работает. Простые страницы уже собираются верно на 95–100%, страницы посложнее пока тестируем Первая задача — актуализировать весь фронт на новых гибких компонентах. Во второй части (когда я к ней подойду) я хочу иметь возможность стилизовать компонент в Figma и стащить дизайн на фронт, чтобы в коде он тоже стилизовался В теории, проблемы тут быть не должно, потому что мы взяли в коде и в Figma одинаковую семантику токенов (и там и там shadcn) — то есть цвет в коде и цвет в Figma называются одинаково, например surface-default-100 Я уже предвижу некоторую сложность со стилизацией и со сборкой сложных экранов, так как в Figma компонент не всегда соответствует по пропсам тому, что есть на фронте в библиотеке shadcn (часть свойств может отсутствовать, часть — называться иначе). Тут потребуется немного ручной настройки и тюнинга компонентов в Figma Часть 2 напишу, когда подойду к ней!
Список литературы. Часть 1
Майская погода и длинные выходные — отличный повод оторваться от экрана и провести время с книгой. Собрали и делимся небольшой подборкой того, что читаем мы. Юхани Палласмаа, «Мыслящая рука» (The Thinking Hand, 2009) Палласмаа пишет о мышлении как о телесном процессе: мы понимаем пространство не только головой, но и рукой, жестом, касанием, движением. Чуть подробнее писали о «Руке» тут. Читать Бён-Чхоль Хан, «Общество усталости» (Müdigkeitsgesellschaft, 2010) Короткий, злой текст о том, как современный человек сам превращает себя в проект повышения производительности. Бён-Чхоль Хан диагностирует общество в целом, но местами кажется, что пишет именно об архитектурной профессии. По-своему утешительное чтение. Купить Ален де Боттон, «Архитектура счастья» (The Architecture of Happiness, 2006) Популярный философ Ален де Боттон объясняет, почему здания задевают нас эмоционально и как в пространство вплетены вкус, биография и представления о хорошей жизни. С суждениями де Боттона иногда хочется спорить. С другой стороны, более внимательного, умного и эмпатичного зрителя у архитектуры, кажется, и не будет. Взять в библиотеке Читать в оригинале Луис Вирт, «Урбанизм как образ жизни» (Urbanism as a Way of Life, 1938) Классический текст чикагской школы социологии, после которого город начинает читаться как особый способ существования. Плотность, анонимность, разнообразие контактов — все, что и делает город городом, Вирт собирает в одну ясную схему. Купить Витольд Рыбчинский, «Городской конструктор: Идеи и города» (Makeshift Metropolis, 2010) Рыбчинский описывает город не как абстракцию, а как результат конкретных идей, решений, компромиссов и градостроительных ошибок. Автор разбирает город как конструктор, чтобы показать, из какого сора он собран. Читать Том Уилкинсон, «Люди и кирпичи» (Bricks and Mortals: Ten Great Buildings and the People They Made, 2014) Уилкинсон рассказывает историю архитектуры через десять зданий и через людей, которых они формировали. Эссе Уилкинсона — мастер-класс по чтению и пониманию архитектуры. Купить #материя_знания | | | ◻️ Materia.city