🧩 Figma Make не заработает нормально, пока не подключите библиотеку компонентов

Команды редко тормозят на этапе рисования экранов. Обычно проблема в другом: нужно быстро проверить идею, а потом не разгребать хаос. Сделали экран в Фигме, ушли в AI-инструмент, получили прототип, вернулись и начали менять случайные кнопки и отступы на свои. Полдня ушло. Ромина Кавчич хорошо объясняет, почему так происходит. Проблема не в AI, а в потере контекста. Figma Make дает результат, когда работает внутри вашего файла с дизайн-системой: компонентами, вариантами, переменными и правилами нейминга. Плюс можно подтянуть требования и контент из Notion, GitHub, Jira и других источников, чтобы прототип собирался не по догадкам. Внутри: – Почему без подключенной библиотеки Figma Make почти всегда генерирует общий и нерелевантный UI; – Что нужно сделать перед первым промптом: включить библиотеки, выписать точные имена компонентов, определить границы прототипа; – Как писать промпты, чтобы инструмент использовал ваши компоненты и состояния, а не придумывал новые; – Зачем сразу требовать состояния загрузки, пустого экрана, ошибки и успеха; – Как итерироваться быстрее: править по одному изменению за раз и не копить правки в один запрос; – Как подключать внешний контекст из Notion и GitHub вместо копипаста требований; – Когда есть смысл использовать живые данные и API, чтобы проверить плотность контента и крайние случаи; – Какие варианты выхода есть после сборки: оставить в Фигме, экспортировать код как референс или дать демо-ссылку. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

🦋 Почему ИИ-помощник не понимает ваш UI Kit и как это починить

С AI в разработке почти у всех сначала один и тот же опыт: просишь собрать что-то простое, получаешь результат за пять минут и думаешь, что дальше будет только лучше. А потом помощник начинает придумывать несуществующие компоненты, путать prop’ы, переписывать рабочий код и игнорировать паттерны проекта. В Яндекс 360 пришли к простой мысли: дело не в модели, а в том, что проект для нее остается черным ящиком. Валерий Баранов показывает, как они сделали фронтенд AI-ready. Сначала дали ассистенту базовый контекст через AGENTS.md, чтобы он понимал структуру репозитория, команды и ограничения. Потом добавили MCP для внутренней документации UI Kit и связали Figma с кодом через Code Connect, чтобы модель понимала не только дизайн, но и реальные компоненты, токены и нейминг в коде. Внутри: – Почему почти у всех наступает долина разочарования после первых удачных промптов; – Что именно стоит класть в AGENTS.md, а что только засоряет контекст; – Почему короткий и жестко сформулированный файл работает лучше длинной простыни; – Как MCP закрывает проблему внутренних библиотек и закрытой документации; – Почему дизайн-система должна быть понятна модели на уровне Foundation, компонентов и паттернов; – Как в Яндекс 360 разделили источник правды между Figma и кодом; – Зачем нужен Figma Code Connect, если у вас уже есть UI Kit; – Почему AI-ready проект это не магия, а нормальная инфраструктурная работа. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

✅На чем у меня главный фокус в этом году?

В апреле будет 5 лет моей школе, и в этом году главной целью я поставила создание нового уровня, рост команды и полный апгрейд всех продуктов, новый брендинг 🤩 Сейчас фокус не на рекорды и не на внешнее, а на внутренние процессы: – обновления во всех обучениях – создание новых продуктов школы – брендинг и платформа школы – новый Геткурс с фишками, которые я практически не встречала в онлайн-школах – большой сайт школы, библиотека бесплатных уроков и новые сайты всех продуктов (работа ведется уже несколько месяцев, и скоро наконец покажу вам🥹) – рост и расширение команды – новая стратегия и брендинг соцсетей школы – работа над юридической частью, регистрация названия школы – проведение анализов и исследований, чтобы глубже погружаться в рынок и делать лучшие продукты – создание метрик, чтобы у учеников были топовые результаты Сейчас я много учусь маркетингу, управлению, бизнес-процессам, совершенствую то, что уже создано и внедряю новое, и мне безумно нравится ощущение того, что мы создаем что-то невероятное ♥️ Уже за первые 2 месяца 2026 мы сделали большой прогресс! Я искренне горжусь проделанной работой и чувствую, как мы растем каждый день ☕️Мне очень нравится то, что сейчас у меня нет спешки, гонки в этом процессе, встаю утром пораньше и с любовью делаю то, что вдохновляет Вчера, например, я весь день продумывала вселенную школу, работала над брендбуком, купила фирменный шрифт для школы, а еще структурировала все обновления в программах курсов Сейчас фокус на том, чтобы делать лучший продукт, расширять команду и следить за каждой деталью в школе, чтобы все было на высшем уровне И уже на следующий год с новым уровнем брендинга, процессов в команде будем идти в новые масштабы, потому что цели у нас большие и важные 🤍
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста

Китайское искусство прошлых эпох занимает важное место в истории мировой культуры. Художественные образы, созданные китайскими мастерами на протяжении древности и средневековья, поражают многообразием и самобытностью. За ними стоит грандиозное наследие, включающее выдающиеся памятники архитектуры, скульптуры и живописи.

Одной из важных черт, отличающих китайскую культуру прошлого, является непрерывность её развития и чрезвычайная жизнестойкость. Несмотря на войны, мятежи и набеги кочевников, художественная жизнь в этой стране вплоть до позднего средневековья не утратила монолитности, сплавляя в себе все внешние воздействия и сохраняя свою самостоятельность и оригинальность. Книга востоковеда Надежды Виноградовой "Искусство Китая" рассказывает об истории и эволюции китайского искусства от древних династий до современности. ⭐ «Искусство Китая» — в открытой электронной библиотеке TATLIN. #библиотека #искусство
Изображение поста
Raster — с помощью плагина можно использовать фотографии из растровых библиотек прямо в Figma
Изображение поста
Облик Санкт-Петербурга складывался усилиями целой плеяды выдающихся зодчих, и среди них особое место занимает Карл Росси. Его лучшие работы выполнены в духе русского классицизма — направления, которому свойственны масштабное градостроительное мышление, ясность объёмных решений и строгая выразительность архитектурных форм.
Опираясь на традиции русской архитектуры, Росси пошёл значительно дальше своих предшественников в понимании городского ансамбля, и тем самым открыл новую главу в истории зодчества. Книга доктора архитектуры Марианны Зеноновны Тарановской посвящена жизни и творчеству Карла Ивановича Росси. Материалом для неё послужили десятки тысяч рукописных документов в архивах и музеях Санкт-Петербурга, Москвы и Калинина, а также сотни чертежей и печатных изданий. 🔵 «Карл Росси» — в открытой электронной библиотеке TATLIN. #библиотека #архитектура
Изображение поста
Изображение канала: Retro Figma
Material Symbols for Figma — Библиотека более 2500 иконок от Google
InstallFigma Дизайн
Изображение поста
Изображение канала: Love & Layouts
200
Постепенно начинаю открывать кейсы FOYEAH — моего независимого дизайн- и бренд-консалтинга. Один из наших больших проектов — платформа для Library for Architecture из Еревана. LFA — больше, чем библиотека. Это среда, где книги, обсуждения, воркшопы и люди вокруг них собираются в живое архитектурное сообщество. Новая инициатива ребят Live Archive объединяет исследовательские архитектурные и урбанистические работы со всего мира, связанные с Арменией. В FOYEAH мы разработали дизайн платформы и ее визуальную систему. Вызовом было удержать баланс между двумя крыльями проекта: архивом как инструментом и LFA как институцией. Так, чтобы сайт не раскололся на две независимые части. Главную страницу мы спроектировали с буквально «живым» ритмом и сеткой. Для архива продумали несколько сценариев просмотра, а для лонгридов — конструктор, который помогает превращать большие исследовательские материалы в легкую для чтения форму. Словно не спеша листаешь архитектурный журнал. Мотив точек из айдентики LFA обрел вторую жизнь — в интерфейсе он стал не только графическим, но и навигационным элементом. Что, пожалуй, символично: ведь это архив, которому движение ближе, чем покой. Смотрите кейс — https://www.behance.net/gallery/245336535/Library-for-Architecture
Video is not supported
Изображение канала: Вакансии 2d аниматоры / Flash / Animate / Spine2d / ToonBoom / AI / Stable Diffusion
Привет!
Мы — агентство «Джони и Клайд», 10 лет занимаемся запуском, ведением и развитием ютуб-каналов. Если ты хоть раз заходил на YouTube, то скорее всего видел наши работы. Мы работаем над несколькими каналами с аудиторией от 10 тыс. до 1 млн. подписчиков, но хотим расти, создавая новые проекты и улучшая уже существующие. Поэтому мы ищем в команду сильных специалистов на должность художника-иллюстратор. Что тебе предстоит делать? — Отрисовывать иллюстрации в фирменном стиле проекта; — Собирать сцены из широкой библиотеки готовых ассетов; — Участвовать в создании раскадровок; — Подготавливать сцены к моушн-дизайну. Требования к кандидату: — Практические навыки работы в Photoshop; — Умение работать быстро и эффективно; — Командная работа и соблюдение сроков; — Следование визуальному стилю проектов; — Приветствуется креативность и чувство юмора (если есть опыт в стендапе, комиксах или ты просто хочешь самовыражаться через рисунок — нам по пути); — Любовь к анимации и увлеченность профессией. Что предлагаем: — График 5\2 с 12 до 20 (full time офис); — ЗП по результатам собеседования; — Комфортный стильный офис с верандой; — Работа в молодом коллективе увлеченных анимацией людей; — Экспертиза от тех, кто разбирается в YouTube; — Лояльное и компетентное руководство: мы за искренний диалог и отсутствие корпоративной скованности. Если ты горишь своей профессией, хочешь делать лучший контент на YouTube и развиваться как иллюстратор — у нас есть для этого все ресурсы и мы с радостью ими поделимся. Если почувствовал мэтч — заполняй форму по ссылке и мы тебе напишем!
Изображение поста
Изображение канала: TATLIN
Архитектура США формировалась на пересечении новаторских устремлений молодой страны и устоявшихся европейских традиций. Рождённая в этих условиях архитектура оказалась многоликой, эклектичной и неоднородной, однако именно в этом многообразии появились на свет решения, которые во многом определили облик современных городов.
Книга из открытой электронной библиотеки посвящена послевоенной архитектуре США: промышленному строительству, проблемам расселения, жилищному и общественному строительству, а также творчеству её ведущих мастеров. ⭐ «Новейшая архитектура США» — на сайте TATLIN. #библиотека #архитектура
Изображение поста
Изображение канала: Минутка веб-дизайна
Сайт Locomotive Scroll
Лёгкая библиотека для работы со скроллом в современных веб-проектах. Поддерживает детекцию элементов, анимации и плавную прокрутку. Весит 9.4 kB и построена на базе Lenis. #дизайн #разработка #open_source Посмотреть сайт 👨‍💻
Video is not supported
Изображение канала: Дизайнер, привет
📱 Сторис как библиотека: в M2 вынесли сложную фичу в переиспользуемый модуль
Когда сторис начинают расти, код быстро становится тяжелым: больше сценариев, больше багов, больше поддержки. В M2 в какой то момент пришли к этому и решили не расширять фичу бесконечно внутри продукта, а собрать отдельную библиотеку, где логика работает из коробки, а UI контролирует команда, которая внедряет решение у себя. Слава Фальзан показал весь путь на практике: от экономики решения до архитектуры и API. За 2025 сторис дали сильный эффект, каждый десятый пользователь посмотрел сторис «Сделка онлайн», и 2% от просмотревших дошли до оплаченной сделки. На этом фоне команда оформила библиотеку с гибкой настройкой, Room для состояния просмотренности и понятными точками входа для интеграции. Внутри: – Почему рост фичи сторис почти всегда приводит к усложнению поддержки; – Как команда сравнила внешнее решение и собственную разработку по стоимости; – Зачем в библиотеке оставили UI на стороне пользователя, а логику внутри; – Как устроены два основных компонента: StoriesPreviewList и StoriesContainer; – Почему модель сторис упростили до Map и чем это удобно; – Как работают ключевые параметры: graphicsTransition, fullScreen, transparentBackground; – Как хранится просмотренность через StoriesShownRepository и Room; – Почему библиотеку можно использовать частями, а не только целиком. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Изображение канала: Tilda Publishing News
🆕 Новый блок — ME400 Универсальное меню «гамбургер»
Блок ME400 сочетает в себе настройки ранее существующих блоков меню и даёт дополнительные возможности для изменения дизайна. В карточках рассказываем подробнее 👉 В библиотеке вы также найдёте шесть дополнительных вариантов блока, чтобы работать с ним было быстрее и удобнее. #tildaupdates
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Video is not supported
Изображение поста
Изображение канала: Паратайп
👀Вдохнули-выдохнули. Мы в Паратайпе уже очень ждём весны: когда станет теплее и расцветёт вишня.
А пока делимся с вами важными ссылками с субботней лекции Саши на UX/UI Conf о шрифтах в вебе. В подборке есть и книги, и записи других лекций, и статьи. Надеемся, каждый найдёт для себя что-то интересное. ⚡️ Пара мыслей с лекции, которые могут выручить вас — Иногда шрифтовые дизайнеры добавляют прямо в название шрифта подсказку, в каких размерах его использовать — смотрите картинку к посту. — Если вы собираетесь использовать шрифт в мелком кегле, особенно на экране — межбуквенные расстояния должны быть достаточно просторными, в этом случае может помочь разрядка (положительный трекинг). — Если вы собираетесь использовать шрифт в крупном кегле, отрицательный трекинг допустим, но обязательно проверяйте его на сложных сочетаниях типа «ух», «кл», «гт» — не давайте буквам слипнуться! — Если вы хотите попробовать использовать на сайте новый для себя шрифт, обязательно посмотрите на прототип из Windows с самого старого монитора, какой найдёте, чтобы проверить экранное отображение. ⚡️ Шрифты, о которых спрашивали во время лекции (ими была сделана презентация): Роскошный Hint Эксцентричная Helsa У нас на сайте появились тестовые версии, не забывайте скачивать и примерять шрифты ⚡️ Бесплатные шрифты, которые участвовали в лекции 🐶 Текстовые: Commissioner Geologica Golos Text Golos UI IBM Plex Sans Onest PT Root UI Tilda Sans 🐶 Не совсем текстовые Lanze Martian Grotesk 🐶 Совсем не текстовые Ambidexter Kudry Weird Headline ⚡️ Статьи, курсы, инструкции и коды: 🔸Большая подборка шрифтов без бюджета с приличной кириллицей  🔸«Как разобраться в кириллице» — статья 🔸«Как разобраться в кириллице» — бесплатный курс 🔸Статья ABCDinamo о встраивании вариативных шрифтов на сайт (на английском) ⚡️ Примеры кода для вариативных шрифтов с codepen.io 🔸Изменение жирности по ховеру 🔸Анимация изменения формы независимо от курсора 🔸Анимация изменения ширины независимо от курсора 🔸Изменение жирности в той части надписи, где курсор 🔸Изменение ширины и жирности в той части надписи, где курсор ⚡️ Ещё немного полезного: 🔸Статья о микротипографе, который мы встроили в шрифт 🔸Статья о том, как включить возможности OpenType в CSS и Фигме 🔸«Тёмная сторона шрифта» суперлонгрид о технической стороне шрифта (иногда нужен VPN) 🔸Статья о том, как бесплатно попробовать шрифты 🔸Статья о многоязычных шрифтах 🔸Большая статья о шрифтовых лицензиях ⚡️ Приложения: Фонтоскоп — бесплатное приложения для теста почти всей библиотеки Паратайп в Ai, Ps, Id, Figma Инструкция по установке ⚡️ Книги (их не было на лекции, но они будут полезны): 🔸Живая типографика, Александра Королькова 🔸 Облик книги, Ян Чихольд 🔸Новая типографика. Руководство для современного дизайнера, Ян Чихольд 🔸Основы стиля в типографике, Роберт Брингхерст 🔸Мой путь к типографике, Вольфганг Вайнгарт 🔸Типографика. Порядок и хаос, Владимир Лаптев ⚡️ Лекции: 🔸Вся правда о шрифтовых парах 🔸Шрифтовая магия Буквы не то, чем кажутся
Изображение поста
Изображение канала: Designdealer
Бесплатная библиотека для настройки хаптик-паттернов в вебе.
Позволяет гибко управлять тактильной отдачей прямо в браузере: настраивать интенсивность, ритм и сценарии отклика под разные пользовательские действия. Работает на iOS и Android. haptics.lochie.me
Video is not supported
Изображение канала: TATLIN
Ландшафтное искусство стоит в одном ряду с живописью, скульптурой и музыкой. Как и любое искусство, оно представляет собой «особую форму общественного сознания и человеческой деятельности, в которой органически сочетаются художественное познание жизни и творчество».
Это искусство уникально тем, что его материал — природа во всём её многообразии: рельеф, вода в спокойном состоянии и движении, растительность, постоянно меняющая облик, и сам климат. Его суть состоит в том, чтобы из всех этих природных начал сложить целостную композицию, способную транслировать определённый художественный образ. Книга Инны Боговой и Людмилы Фурсовой обращается к теории и практике ландшафтного искусства: в ней авторы рассказывают о средствах гармонизации пространства и о приёмах построения пейзажных композиций и предлагают методику оценки территории на этапе, предшествующем проектированию. 🌸 Читать в открытой электронной библиотеке TATLIN #библиотека #архитектура
Изображение поста
Изображение канала: Минутка веб-дизайна
Сайт Statement Of
Контент-студия, которая занимается креативом, продакшеном и стратегией для проектов любого масштаба. Создаёт кампании, расширяет контент-библиотеки и усиливает социальные платформы. Работает вместе с бренд-командами, агентствами и издателями, решая креативные задачи через продуманный подход и нестандартное мышление. #студия #минимализм #горизонтальный_скролл #gsap Посмотреть сайт 👨‍💻
Video is not supported
Изображение канала: Дизайнер, привет
Каталог спецпроектов
Моббин для приложений и веба есть, сайты с каталогом портфолио есть, всякие библиотеки шрифтов и прочее существует сотнями платформ, если не тысячами А вот сайта, где бы собирались все спецпроекты, да ещё и в РУ сегменте не было. Теперь есть, можно зайти и посмотреть 293 спеца по отрасли, задаче, году и интерфейсу Если вы работаете в диджитал и постоянно делаете всякие спецы и нужны рефы — мастхэв, не благодарите 😍 ➡️ Го разглядывать ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Изображение канала: Tilda Publishing News
🆕 Градиент в обводках у кнопок в Zero Block
Обводку у кнопок в Zero Block теперь можно сделать градиентной. Цвета можно настроить самому или выбрать готовый градиент из библиотеки Tilda Colors. Где настроить: Element Settings (Настройки элемента) 👉 Border (Обводка) 👉 Linear/Radial (Линейный градиент/Радиальный градиент) #tildaupdates
Изображение поста
Изображение канала: TATLIN
Искусство резьбы по дереву универсально. Оно прижилось везде: в бедных избах и величественных храмах, на кораблях и каретах, в затерянных зимовьях и богатом Великом Устюге.
Именно благодаря такой распространённости деревянная резьба вобрала в себя множество смыслов. В ней отразилась практически вся народная культура, и духовная, и материальная: радость и горе, вера и труд, праздник и нежность, представления о мироздании и чувство природы, невежество и просвещение. Деревянная скульптура позволяет прикоснуться к глубинным основам искусства ваяния и увидеть, как из корня ели рождается художественная форма. О народной деревянной скульптуре Русского Севера — в книге из открытой электронной библиотеки.Читать на сайте TATLIN #библиотека #искусство
Изображение поста