Согласитесь, что было бы круто, если на компе всегда был идеально подходящий шрифт под любой проект?

Чтобы вообще был не нужен тот этап, когда скроллишь бесконечный поток вариантов до ряби в глазах 😵‍💫 А теперь представьте, что искать вообще не нужно. 🪄✨ Просто открываешь файл и дизайнишь нужные слова сам.Спокойно, в творческом потоке, на вдохновении. Не как что-то усложняющее жизнь, а как естественное продолжение своей работы и чистое творчество. 🐸 Нужен детский проект — ты чуть смягчаешь форму, даёшь буквам разную ширину, добавляешь лёгкую неровность. И слово сразу становится тёплым, живым, как будто его нарисовали от руки. 🐬 Нужен спортивный — ты усиливаешь ритм, даёшь наклон, собираешь форму плотнее. И в буквах появляется напряжение, энергия, ощущение движения. 🐍 Нужен элегантный — ты работаешь тоньше. Чуть меняешь пропорции, расстояния, характер штрихов. И из тех же базовых форм рождается спокойное, уверенное, дорогое решение. И в какой-то момент ты ловишь себя на ощущении, что это легко в своей естественности. Что так и должно быть. Потому что ты – дизайнер. Ты можешь создавать из пятен нужное ощущение и придавать ему форму. И да, это тот самый момент, где работы начинают отличаться. Ты как специалист начинаешь очень-очень-очень сильно отличаться от массы. Если хочется стать таким спецом – приходите на СТРИМ 4 мая. Я покажу как это работает ✨ #этоЗНАК

📄 Инструкция настройки базы знаний для UX-исследований по методу Андрея Карпаты

Я сейчас провожу Reddit-исследование на 1250 постах по цифровой доступности. И мне нужно сделать так, чтобы Claude искал только по моей базе, а не во всем интернете.  Недавно Андрей Карпаты (один из основателей OpenAI) выложил в X пост о том, как он хранит информацию как .md файлы (обычные текстовые файлы) и подключает Claude напрямую к этим знаниям. Почему это лучше, чем просто загружать файлы в чат? Каждая сессия Claude начинается с чистого листа — приходится заново объяснять контекст. Claude Code подключён к папке постоянно через терминал: один раз структурировала знания, и они работают во всех следующих сессиях.  Настроила примерно за час и то, потому что протупила с путями, куда что сохранять. А так оч быстро ) Потом полдня писала эту инструкцию ) Буду рада вашим реакциям ) В будущем хочу попробовать: настроить поиск по смыслу (семантический), а не по точным словам: чтобы Claude находил «усталость», даже если в заметке написано «выгорание». Автоматизировать обработку новых источников — положила файл в папку, он сам превратился в структурированную заметку. И сделать так чтобы Claude знал базу без чтения файлов каждый раз, как это делает Notebook LM. Карпаты об этом тоже писал. ⚡️Написала инструкцию на VC⚡️ ___ en<able> - о дизайне в A11y | Наши статьи на VC

🤖 Почему ИИ-помощник каждый раз заново ломает ваш UI Kit

С AI в разработке почти у всех один и тот же цикл. В первой сессии он быстро собирает красивый экран, во второй начинает придумывать новые токены, в третьей путает отступы, а к десятой у вас уже ощущение, что продукт собирали три разные команды. Проблема не в том, что модель «плохая», а в том, что она не читает дизайн-систему так, как читает ее человек. В статье предлагают довольно практичный подход: сделать дизайн-систему понятной для LLM через спецификации, закрытый слой токенов, обязательный аудит и инструкции для каждой новой AI-сессии. То есть не надеяться, что модель сама догадается, какой у вас синий, какой радиус у кнопки и как должен собираться layout, а дать ей это в явном виде. На примере с Atlassian после такого подхода убрали 418 хардкодных значений из 28 файлов и свели их к системе токенов и спецификаций. Внутри: – Почему LLM не мыслят дизайн-системами и постоянно начинают с нуля; – Как из-за этого в прототипах копятся сотни мелких визуальных расхождений; – Зачем проекту нужны spec-файлы, которые модель читает в каждой сессии; – Почему закрытый слой токенов лучше, чем «разумные» догадки модели; – Как аудит ловит хардкодные цвета, отступы и другие нарушения до коммита; – Зачем связывать AI-инструкции, токены и CI в одну систему; – Как устроена структура спецификаций: foundations, tokens, components, patterns; – Почему такой подход особенно важен для больших прототипов и длинных AI-итераций. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Плагин «PDF to Figma» by Layerweave

Плагин для перобразовывания PDF файлов в редактируемые Figma макеты 📄 Скачать плагин 📄 #plugin
Не ждем, а готовимся
Ростелеком показал отечественного убийцу Фигмы под названием Спектр. Штуковина пока в закрытом бета-тесте, но обещают аналогичный дизайн и базовый функционал, да возможность импортировать фигмовские файлы. Ну а как официально выкатят, то там и блокировочка этой самой Фигмы глядишь назреет, а затем и обязаловка для всех дизайн-команд и студий работать только в детище Ростелекома. Тогда и заживём как следует. #вести @vestochka_design
У дизайнеров нет клиентов. У бизнеса нет дизайнеров.
▪️С одной стороны — некоторые плачущие дизайнеры: «Заказов нет, конкуренция бешенная, клиенты — жмоты, которым нужен только дизайн за копейки». ▫️С другой стороны — предприниматели, которые буквально рвут на себе волосы: «Где найти нормального специалиста?! Ребята, вы же просто созданы друг для друга. Почему не случается мэтч? Спойлер: работы на рынке навалом. Каждому второму бизнесу прямо сейчас нужна упаковка, презентации, баннеры, айдентика. Проблема не в том, что работы нет, а в том, что адекватных дизайнеров, с которыми нормально и предсказуемо работать, днем с огнем не сыщешь. И они все заняты на полгода вперед. 📍Давайте честно, если у вас в портфолио лежат классные картинки, а денег на карте нет — перестаньте врать самим себе. «Рынок просел», «клиенты ничего не понимают в прекрасном» — это отличные отмазки, чтобы ничего не менять. Но проблему они не решают. Решает только честный взгляд на то, где вы косячите. Может, ваш дизайн и красивый, но бизнес не понимает, как эту красоту применить к его продажам. Может, вы технически боженька иллюстратора, но работать с вами — чистый стресс: пропадаете, не предупреждаете о сроках, реагируете на правки как на личное оскорбление. Может быть, вы пытаетесь делать всё подряд и ни в чём не выглядите как специалист. 📌Все это можно исправить, было бы желание. Пересмотреть портфолио, подачу, позиционирование. Разобраться, как выстраивать работу с клиентом от первого сообщения до финальной отправки файлов. Научиться не просто делать дизайн, а делать так, чтобы к вам хотели вернуться.
Как можно перевести AI-агента на работу по задачам
Когда начинал делать приложение, общался с AI в чате, держал контекст в md-файлах, а сам список задач лежал где придётся. Чуть позже понял, что это неудобно, тк каждый раз приходилось заново объяснять, что происходит, и весь контекст жил у меня в голове Потом подумал, что можно использовать трекер задач не только как список задач по проекту для себя, а ставить конкретные таски для агента с описанием, ссылками на код и критериями приемки. GitHub Projects, Notion, Linear — не супер-важно. Главное то, что там можно держать еще и состояние проекта, планы и принятые решения Тогда каждая задача становится полноценной карточкой с контекстом. Один раз описываешь, что нужно сделать и почему, а потом просто говоришь агенту: «возьми в работу задачу #42». Не нужно каждый раз восстанавливать картину с нуля Подключается все через коннекторы в Claude Code или Codex, а по созданию задач всё просто: можно сначала описать ее своими словами, потом вместе с AI немного докрутить детали и критерии приёмки
Теперь у шрифтов есть сайт!
👉 fonts.oblch.ru Сейчас там: — 1355 шрифтов (+520) — Можно проверить любой текст до установки — Есть поиск и 3 фильтра (пока что) — Можно скачать файл отдельно или сразу всё — Инструкции для всех устройств Архивы на канал буду добавлять и дальше, чтобы можно было обновляться. Но с текущими шрифтами закину чуть позже, пока лучше сайт потыкайте ⏳ Это первый релиз и мне очень важна обратная связь! Если вдруг что-то не работает или есть идеи по улучшениям — пишите в личку @oblachnii
Новое в Spine: Экспорт в один HTML для клиентов
В последнем обновлении появилась возможность экспортировать проект в один HTML-файл для прямой отправки клиентам. ✅ Плюсы • Плавное воспроизведение, максимально возможное качество • Просмотр всех анимации и скинов с элементами управления плеера • Один файл, удобно делиться • Настройка скорости и отладка анимации ❌ Минусы • Нет превью при отправке, нужно открывать файл или ссылку • Большой вес при работе со сложными проектами • Не подходит для платформ без поддержки HTML • Нет встроенной системы отзывов или комментариев • Длительная загрузка (все ресурсы грузятся сразу) Пример: https://warmanw.com/spine/wildlife/horse.html
Текст норм?
Интерфейс на 90% состоит из текста. UX-редакторов, как правило, очень мало. В нашей команде их два, но даже они физически не смогут отревьювить все наши интерфейсы. Поэтому мы-дизайнеры стараемся сами писать простой, понятный и дружелюбный текст, следуя редполитике, которую составили редакторы. В команде дизайна взяли курс на разумную ИИ-зацию. Я решил собрать плагин для Фигмы, который будет проверять текст по редполитике и писать замечания. До этого никогда не вайбкодил :) Но опыт разработки был. Впервые поставил Codex от ChatGPT и написал промпт: Создай плагин для Figma, чтобы проверять тексты в макетах дизайнеров на соответствие редполитике. Редполитика лежит в приложенном файле. Сценарий использования: — Дизайнер запускает плагин — Выделяет секцию или фрейм, где нужно проверить тексты — Плагин сверяется с редполитикой и выводит список замечаний. У каждого замечания есть короткое описание, почему оно появилось. И рекомендация исправления. При нажатии на замечания происходит фокусирование на нужном фрейме. [редполитика.pdf] И с первого раза получился аккуратный чистый интерфейс и работающий алгоритм. Я намеренно не использовал API нейронки, чтобы не передавать наши интерфейсы хрен-пойми куда и не зависеть от лимитов. Всё работает на регулярках и простых ифчиках. Потестил немного и сделал доработки: — Доработал UI: добавил больше отзывчивости в кнопки, лоадеры, состояния, убрал лишние элементы, добавил группировку замечаний, привёл к нашему стилю, добавил тёмную тему. — Добавил много исключений, чтобы убрать ложные срабатывания. — Значительно ускорил плагин с помощью кеширования, добавлении быстрой пред-проверки, уменьшению размера первого батча (оказывается, это подход ramp-up batching). — В конце добавил самое главное: кнопки для автоматического исправления замечаний. Начали активно тестировать в команде. Дизайнеры в восторге; редакторы тоже рады, потому что могут прогонять макеты плагином перед своей работой. Будем продолжать тестировать и улучшать качество плагина. А вы ИИ-зируетесь в дизайне?
вайбкодить - это дорого и сложно? нет! 💻
речь именно про инструменты вайб-кодинга, а не no-code конструкторы типа Lovable. Что можно сделать с нуля и без опыта? - попросить ИИ сделать простой сайт-визитку - поправить текст и кнопки на странице - собрать тулзу для дизайна/редактирования фотографий - найти ошибку в коде, если что-то не запускается - разобрать чужой проект и объяснить, где что лежит - пошагово составить план, как сделать свою идею, даже если сам пока не очень понимаешь, с чего начать Здесь принцип работы такой: ИИ может работать с файлами на твоём компе, с папками, проектами, кодом, терминалом, а местами и помогать с другими рабочими задачами вокруг проекта. Где вайбкодить бесплатно? Cursor - самый простой для входа, скачал, установил и в бой. Это редактор кода с ИИ, куда можно писать почти человеческим языком: “сделай форму”, “объясни этот файл”, “почини ошибку”. У бесплатного тарифа есть небольшой лимит, но чтобы просто попробовать - этого хватает. Qwen CLI - вариант для тех, кто готов немного подружиться с терминалом. Звучит страшнее, чем есть на самом деле: по сути это способ общаться с ИИ прямо у себя на компьютере, чтобы он помогал смотреть файлы, менять код и разбираться в проекте. Сам инструмент бесплатный, лимитов хватает, чтобы делать небольшие проекты. OpenCode - отличный вариант, если хочется чего-то помощнее, или есть небольшой опыт в разработке. У него есть бесплатные модели из коробки, так что на старте можно попробовать даже без подписки и ключей. А если потом захочется больше гибкости — можно уже подключить свои модели от других провайдеров, в том числе бесплатные через OpenRouter. Плюс у OpenCode есть агенты для кодинга: 1. Build - когда надо делать, 2. Plan - когда надо сначала подумать и разложить все по шагам. Встроенный режим планирования помогает сначала продумать, как подступиться к задаче, даже если ты не программист, и только потом можно переключиться в режим реализации, когда агенты начнут программировать этот план за тебя. Итого: Cursor - скачал, поставил, всё ты вайбкодер. Qwen CLI - если хочешь почувствовать себя немного кулхацкером. OpenCode - если хочется сразу осваивать актуальный и мощный инструмент с агентами, планированием и возможностью расти дальше. не откладывай на завтра, потрогай вайб-кодинг сегодня и делись результатами! на курсе Повседневное Использование Нейросетей с 14.04 есть весомый блок по вайбкодингу, где мы пройдём полный путь с нуля до создания веб сервисов, телеграм ботов, онлайн игр и других инструментов, решающих ваши повседневные задачи! мы снизили стоимость курса, чтобы у каждого была возможность пройти обучение, приходите! 🤩 купить курс 🤩
Погнали дальше💪🏼
4 апреля с нами на Удаленке с 14:00 до 15:30 Виталий Кузьмин из Паратайп Тема: От эскиза к шрифтовому файлу Как из набора отдельных нарисованных букв построить шрифтовой файл, готовый для работы в макете. Разберём: — какой минимальный набор знаков нам может пригодиться в шрифте — как перенести нарисованные знаки в шрифтовой редактор — как выстроить взаимосвязи между знаками — какие есть возможности манипуляции с глифами — что такое кернинг, зачем он нужен и как его сделать — как построить готовый для работы файл шрифта Забить место на Удаленку и посмотреть программу можно по ссылке https://multibranding.ru/remote
Poly. Лендинг умного облачного файлового браузера — сервиса для хранения и организации любых ассетов. Шикарные насыщенные анимации по скроллу.
😍 HUMAN ищут Арт-директора
HUMAN — агентство, которое уже 10+ лет делает не просто креатив, а создает смыслы: кино, фестивали, арт-объекты, ивенты и рекламные кампании для топовых брендов. Ищут арт-директора, который сможет брать сложные проекты с нуля, задавать сильное визуальное направление, развивать команду дизайнеров и держать высокую планку качества на каждом этапе работы. 📍 Москва, гибрид 🕐 Полная занятость 👀 Что ожидают: – Опыт Senior специалиста и портфолио - Опыт ведения проектов под ключ: от идеи до финальной сдачи клиенту - Сильный арт-дирекшн и умение давать четкие, структурированные правки, которые реально улучшают результат - Экспертное владение Figma и Adobe Suite (Photoshop, Illustrator и др.) - Глубокое понимание адаптации графики под разные носители: digital, офлайн, широкоформатная печать - Опыт с предпечатной подготовкой, оптимизацией файлов, дизайн-системами и мастер-макетами - Насмотренность и системный подход к референсам: не просто “красиво”, а с пониманием, почему это работает - Умение быстро находить визуальные решения в разных стилистиках: от классики до экспериментальной типографики - Осмысленное использование нейросетей как инструмента ускорения с последующей ручной доработкой - Лидерство, умение делегировать, поддерживать команду и выстраивать приоритеты - Сильные коммуникационные навыки и способность защищать визуальные решения перед клиентом и внутри команды 💎 Чем будете заниматься: - Выстраивать процесс так, чтобы финальный визуальный продукт стабильно соответствовал высокому уровню агентства - Проверять и направлять работу дизайнеров на всех этапах проекта - Брать на себя сложные проекты с нуля: формулировать визуальную идею, собирать мудборды и референсы, задавать направление команде - Развивать дизайнеров: помогать лучше чувствовать типографику, сетку, композицию, ритм и иерархию - Помогать команде не закапываться в лишний перфекционизм там, где важнее скорость и точность - Внедрять эффективные инструменты и улучшать внутренние процессы - Участвовать в презентациях идей внутри агентства и с клиентами - Переводить обратную связь в понятные задачи и решения 🦋 Что предлагают: - Оформление по ТК РФ - ДМС - Гибридный формат работы с фокусом на удаленку - Зарплату по итогам собеседования - Полную занятость с гибкими часами работы - Ежеквартальные бонусы - Возможность расти, учиться у сильной команды и делать по-настоящему крутые проекты: от креативов 360 до создания айдентики фестивальных фильмов и м/н фестивалей - Теплую атмосферу без офисного формализма - Важно: бывают периоды высокой загрузки, когда нужно подключаться в выходные, праздники или вне стандартного графика 🔠 Почта для отклика: valerieklabukova@wearehuman.ru
Собрали готовые изображения людей в разных форматах и стилях под большинство дизайнерских задач. Сохраните, чтобы не потерять!
🔶 Настраиваемая система с анатомически точными векторными иллюстрациями в разных ракурсах. Благодаря набору можно отдельно создавать все системы организма человека по деталям. 🔶 Адаптивный набор из более 1 700 изображений в урбанистическом стиле. Иллюстрации выполнены в двух цветах: чёрном и голубом. Здесь можно найти картинки по разным темам: бизнес, обучение, здоровье и другим. 🔶 Более 1 000 минималистичных чёрно-белых иллюстраций из 20 категорий. Векторные пикчи в авторской стилистике подойдут для лайфстайл-проектов с долей юмора. 🔶 Векторные картинки выполнены в нейтральной цветовой гамме. Иллюстрации с разными сюжетами из офисной жизни отлично подойдут для презентации или простого лендинга. 🔶 3D-эмодзи с изображениями людей. Есть PNG-файлы и SVG-версии (цветная и плоская), а также набор с высокой контрастностью. 🔶 Скетчи в стилистике бельгийского комикса «Тинтин». Простые линейные рисунки в светлых оттенках, юмористичные сюжеты с ситуациями из жизни. 🔶 Люди в процессе чтения и обучения. Цветные картинки в популярном плоском, геометрическом стиле. 🔶 Двухцветный набор в духе азиатских комиксов. Герои векторных дудлов изображены в саду, самолёте, за работой и в других ситуациях. Набор подойдёт, если нужно рассказать стройную историю, используя рисованных персонажей. 🔶 Настраиваемый пак с простой чёрно-белой графикой. Можно создать своего персонажа, используя разные компоненты, или взять готовый рисунок. Пригодится, если для проекта нужны разные городские типажи. 🔶 3D-персонаж для иллюстрации рабочего процесса. Герой в чёрной водолазке выступает перед графиками, читает или работает в кресле-мешке. 🔶 Забавные цветные аватарки. С помощью конструктора можно создать уникальный характерный юзерпик из предлагаемых блоков. 🔶 Люди и спорт в самых разных его вариантах. Плоская графика, серо-голубая гамма, гипертрофированные формы для лёгких, неперегруженных макетов. [Фабрика Дизайна]
Наконец-то нашла время рассказать вам про Figma Make ➕, а уже выпустили новую фичу... катастрофически не успеваю.
На одном из проектов мы активно используем ее, как рабочий прототип. И пожалуй, это первый раз за всю шумиху с нейронками, когда я почувствовала революционное решение. Этот инструмент действительно очень удобен и выполняет невероятные вещи по командам с ИИ-чатом. Раньше для наглядности и проверки флоу нам нужно было линковать все макеты и состояния элементов в обычной Figma, а сейчас на довольно качественном уровне вы можете попросить сделать это Make (текстовым описанием или прикрепленными Figma файлами). Настоящая магия! НО сейчас в проекте мы уперлись в необходимость опоры на дизайн-систему. Из-за отсутствия привязки к какому-то главному Figma макету, наши версии могут немного плясать по дизайну. Только из-за этого неудобства Make сейчас не может стать самостоятельным инструментом. Думаю, это докрутят в ближайшее время. Во всем остальном считаю это прорывом 🖤 Очень советую попробовать! Сейчас пока еще можно поиграться с ней в бесплатной версии. Картиночка взята из статьи
🧩 Figma Make не заработает нормально, пока не подключите библиотеку компонентов
Команды редко тормозят на этапе рисования экранов. Обычно проблема в другом: нужно быстро проверить идею, а потом не разгребать хаос. Сделали экран в Фигме, ушли в AI-инструмент, получили прототип, вернулись и начали менять случайные кнопки и отступы на свои. Полдня ушло. Ромина Кавчич хорошо объясняет, почему так происходит. Проблема не в AI, а в потере контекста. Figma Make дает результат, когда работает внутри вашего файла с дизайн-системой: компонентами, вариантами, переменными и правилами нейминга. Плюс можно подтянуть требования и контент из Notion, GitHub, Jira и других источников, чтобы прототип собирался не по догадкам. Внутри: – Почему без подключенной библиотеки Figma Make почти всегда генерирует общий и нерелевантный UI; – Что нужно сделать перед первым промптом: включить библиотеки, выписать точные имена компонентов, определить границы прототипа; – Как писать промпты, чтобы инструмент использовал ваши компоненты и состояния, а не придумывал новые; – Зачем сразу требовать состояния загрузки, пустого экрана, ошибки и успеха; – Как итерироваться быстрее: править по одному изменению за раз и не копить правки в один запрос; – Как подключать внешний контекст из Notion и GitHub вместо копипаста требований; – Когда есть смысл использовать живые данные и API, чтобы проверить плотность контента и крайние случаи; – Какие варианты выхода есть после сборки: оставить в Фигме, экспортировать код как референс или дать демо-ссылку. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
На сайте Figma есть бесплатный редактор GIF-файлов.
www.figma.com/gif-maker/
🦋 Почему ИИ-помощник не понимает ваш 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 проект это не магия, а нормальная инфраструктурная работа. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Минутка Figma:
24 марта Figma запустила открытую бета-версию своего сервера MCP, позволив ИИ-агентам от Claude Code, Cursor, GitHub Copilot и других создавать и редактировать нативные концепты дизайна прямо в файлах Figma. Эти агенты анализируют полные системы дизайна — компоненты, переменные и авторазметку — для генерации редактируемых слоёв, учитывая варианты и предлагая улучшения. Дизайнеры пока только хвалят ускорение процесса, позволяющее сократить разрыв между дизайном и кодом, хотя некоторые беспокоятся о влиянии на рынок труда и отмечают, что доработки по-прежнему требуют участия человека. Первые пользователи беты создали разное от просмотрщиков фотографий до полноценных портфолио, а на 31 марта запланирована прямая трансляция запуска.