В Figma Community появились UI-киты для watchOS, visionOS и macOS.

#инструменты #типографика

Есть простой веб-тренажёр для тех, кто хочет физически прочувствовать форму буквы. Механика предельно простая: перед вами буква с недостающим куском контура, и нужно мышью дотянуть кривую так, чтобы форма совпала с оригиналом. После каждой попытки инструмент показывает процент схожести и источник. Там же у автора, Марка Маккея (Mark MacKay), есть другие инструменты: • KernType — тренажёр на кернинг: нужно вручную расставить буквы в слове так, чтобы интервалы выглядели ровными, затем система сравнивает результат с эталонной раскладкой. • The Bézier Game — тренировка работы с пером: нужно обвести контур фигуры минимальным числом узлов. - напиши финальный пост с подписью и тегами Все три построены на одной идее: глазомер и моторику формы не объяснить текстом, их можно только натренировать. @typefeed — про шрифты и визуальную культуру.

PliimPRO — приложение macOS которое скрывает иконки на рабочем столе, отключает уведомления, отключает микрофон (иконка в TouchBar) скрывает активные приложения.

Полезно для показа презентаций или шаринга экрана, чтобы скрыть все лишние элементы и уведомления. pliim.app

Free MacBook Pro on Sofa by Mr.Mockup

Стильный мокап макбука, который поможет вам создать стильную презентацию своего нового дизайна. 👀Скачать мокап👀 #Мокапы
MacBook Pro 14 Высококачественный мокап макбука для презентации вашего дизайна
Ребята из Apple большие молодцы и огромные трудолюбцы выложили новые киты под мак ос и ios 27 наконец-то. Если вы рисуете дизайн нативно, самое оно и без костылей
Забирайте 🔠 Mac OS 27 🔠 IOS 27 Вообще они одни из немногих, кто вот так открыто пушит все компоненты и прочее бесплатно и не просит ни рублика. Респект в общем ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🙂 Виталий Кузьмин и его правила работы
Вчера мы публиковали рабочее место автора PT Root, PT Root UI, Sober Sans, соавтор Golos UI и Golos Text — Виталия Кузьмина. Виталик — шрифтовой и графический дизайнер, леттерер и график. Он же автор интерфейсных шрифтов VTB Group и интерфейсных начертаний шрифтовой системы Сбера, которая получила награды конкурсов GRANSHAN, Red Dot и ED Awards. А ещё Виталик занимается аналоговой фотографией и коллекционированием любимых брендов! И вот его правила: — По каждому проекту всегда параллельно работаю на бумаге (эскизы, почеркушки, заметки и т. д.). Приучил себя подписывать все листы (категория/заказчик/проект и дата). На самом деле делаю много записей по длительным проектам, на бумаге проще и наглядней думается. — На ноуте слева, когда работа довольно рутинная, часто что-то параллельно играет, аниме или труба, но если задачи сложней, то просто музыка на фоне, а порой и совсем тишина, чтобы не отвлекаться и погружаться в задачу максимально. — Вторая клава и вторая мышка для PC, который стоит под столом и иногда тоже требуется. Второй монитор подключён сразу и к Mac Mini, и к PC. — Модель мышки и клавиатуры не менял, кажется, больше 10 лет*, руки к ним привыкли. Покупаю такие же по мере выхода из строя тех, что в работе. — Не представляю работу без двух мониторов, очень давно привык именно так. * — Кстати, я тут подумал, что про мышку и клаву приуменьшил, лет 15 минимум не менял, а то и все 20 ⚡️
А какое ты скругление в MacOS сегодня? 🥸
#12 Фигма Make лезет в реальный код
Фигма 28 мая выкатила важный апдейт Make: теперь инструмент можно подключить к локальной кодовой базе. Открываешь существующий проект, выбираешь элемент на экране, правишь свойства, отступы, цвет, размер, раскладку, а агент уже находит нужное место в коде и вносит изменения. Пока это ограниченная бета в десктопном приложении для Mac. И сама Фигма честно пишет, что лучше всего это подойдёт дизайнерам, у которых уже есть доступ к кодовой базе компании. Раньше вайбкодинг в дизайне чаще был про быстрый черновик. Собрал экран, показал идею, выбросил половину, что-то утащил в работу. Вроде полезно, но всё равно чуть отдельно от настоящего продукта. А теперь Фигма Make пытается работать с тем местом, где продукт уже живёт. Самый важный вопрос теперь: кто имеет право двигать кнопку, если эта кнопка уже в коде? Потому что визуальная правка реального интерфейса звучит очень соблазнительно. Увидел, что отступ кривой, выбрал блок, поправил. Текст не тот, поменял. Цвет уехал, вернул. Не надо писать разработчику «можешь тут 8 пикселей вместо 12», ждать, объяснять, показывать скрин, потом снова смотреть, что получилось. Но чем ближе дизайнер подходит к коду, тем быстрее появляются взрослые вопросы: 1. кто проверяет такие изменения 2. что считается безопасной правкой 3. где начинается логика, а где просто внешний вид 4. кто отвечает, если агент поменял не тот компонент 5. как откатиться, если всё поехало Фигма это понимает, поэтому делает не «пуш в прод», а нормальный путь через разработку. Изменения сначала лежат как локальные коммиты. Можно создавать ветки, смотреть историю, откатываться, а потом открыть пулл-реквест, чтобы инженеры проверили правку как обычное изменение в коде. И это, по-моему, правильная часть новости. Не сам факт, что дизайнер может подвигать блок в живом проекте. А то, что Фигма пытается встроить это в нормальный процесс разработки. Через ветки, коммиты, проверку и возможность отката. Потому что без этого будет весело примерно два дня. Потом кто-то визуально поправит карточку, агент заденет общий компонент, уедет ещё десять экранов, разработчик откроет код и спросит, кто вообще это сделал. Но я бы не хотел, чтобы это стало режимом «дизайнеры теперь сами чинят фронт». Скорее это должно быть как быстрый слой для понятных UI-правок. Поправить отступ. Проверить состояние. Подкинуть вариант. Открыть пулл-реквест. Дальше уже обычная проверка. Ещё важная штука: Фигма разрешает копировать экраны из Make обратно на холст как слои, обсуждать с командой и потом приносить решения назад в код. Это уже похоже на нормальный круг: продукт живёт в коде, команда думает на холсте, изменения возвращаются через понятный процесс. Если Фигма сможет удержать этот круг без бардака, будет сильно. Потому что дизайнеру часто не нужен ещё один генератор красивого прототипа. А вот дизайн-ревью проводить и за качеством прода следить гуд, ибо разработчики лажают оч часто. ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Macbook Pro Mockup by graphicsauce
Минималистичный мокап макбука для создания стильных презентаций вашего дизайна. 💻Скачать мокап💻 #мокапы
MacBook Pro 14 Mockup — качественный бесплатный мокап MacBook Pro 14.
Нарядный бесплатный менеджер шрифтов для Mac.
https://pica.joshpuckett.me/">https://pica.joshpuckett.me/ Кто-то вообще ими сейчас пользуется? 🤔
✨ Интерфейс начинает ощущаться дорогим не из за одной большой идеи, а из за десятка мелочей
Часто продукт уже собран нормально: сетка на месте, компоненты аккуратные, логика понятная. Но ощущение все равно какое-то «почти». И вот это «почти» обычно живет в деталях: как переносится текст, как ведут себя цифры, насколько мягко входят и выходят элементы, где иконка стоит математически ровно, но визуально все равно криво. Якуб Крехел собрал очень прикладной список таких мелочей. Не про глобальный редизайн, а про маленькие интерфейсные решения, которые по отдельности кажутся незначительными, а вместе сильно поднимают общее ощущение от продукта. Особенно понравилось, что почти все советы можно быстро проверить прямо в своем интерфейсе без долгой подготовки. Внутри: – Как text-wrap: balance помогает убрать сиротские слова и сделать текст аккуратнее; – Почему вложенные элементы выглядят лучше с концентрическим скруглением; – Как анимировать иконки контекстно, чтобы интерфейс ощущался живее; – Зачем делать текст чуть более crisp на macOS через сглаживание; – Почему для обновляющихся чисел лучше использовать табличные цифры; – Чем interruptible-анимации лучше фиксированных keyframes в интерактивных сценариях; – Почему enter-анимации лучше разбивать на части и слегка стеггерить; – Как сделать exit-анимации мягче и менее навязчивыми; – Почему иногда выравнивать нужно не геометрически, а оптически; – Когда тень работает лучше границы; – Зачем добавлять изображениям тонкий внутренний outline. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Apple выложили бэкстейджи рекламы Macbook Neo. Интересно это, в первую очередь, как феномен. Apple — одна из самых закрытых для внешнего взора тех. компания — наконец-то завела соцсети и начала предпринимать робкие попытки в диалог с аудиторией. Скорее всего, отдел маркетинга был сильно переформатирован. Возможно, под давлением инвесторов. Сам ролик тоже ощущается несколько странно, будто его отдали на аутсорс. Он хороший, качественный, но какой-то не эппловский совсем. Интересно, во что это выльется
Rotato — программа macOS для создание реалистичных 3D мокапов.
В новой версии добавили презентацию приложения в режиме реального времени, новые мокапы, таймлайн, создание скриншотов для AppStore и многое другое. www.rotato.xyz
MacBook Pro 14 Высококачественный мокап макбука для презентации вашего дизайна
🔔 Вебинар. Цвета 2026: эмоциональный код будущего в дизайне.
⏰ 30 марта 16:30–18:00 Приглашаем всех желающих на вебинар, посвященный цветам 2026, где вместе с экспертом мы разберем главную концепцию этого года — "ностальгию по будущему", и узнаем как цвет становится инструментом психологической поддержки. В программе: ▪️Ностальгия по будущему: главная концепция сезона ▪️Психология цвета — 90 секунд на решение ▪️Четыре главных макротренда, формирующие палитру года ▪️Группа "Уверенность и роскошь" ▪️Группа "Природа и тактильность" ▪️Группа "Технологии и будущее" ▪️Цвет как инструмент психологической поддержки ▪️Разбор интересных примеров из практики ▪️Ответы на вопросы участников 🎙️ Спикер: Есения Пенкина - эксперт-трендвотчер, основательница trendburo (TBR), консультант по креативному менеджменту с международным опытом во Франции, России и в странах Азии. Выпускница Лионской Школы Современного Искусства и Парижской школы Визуальной Коммуникации Мариз Элуа. Преподаватель трендвотчинга и коммуникаций в БВШД, MAC и ВШЭ, а также в ряде онлайн-платформ, включая SkillBox. 👉 https://archdialog.timepad.ru/event/3892325/">https://archdialog.timepad.ru/event/3892325/
MacOS App icons set by UXUI
Небольшая коллекция иконок популярных приложений в стиле MacOS. 🔍Скачать иконки🔍 #иконки
Изображение поста
🤖 Команда потратила месяцы на систему автоматического тестирования сайтов. Дизайнер предложил просто показывать сайт пользователю
Гугл делал агент, который сам проверяет созданные приложения: делает скриншоты, отправляет их мультимодальной модели, та решает куда кликать и что вводить. Технически крутая задача, но сложная. Барон Вебстер, дизайнер в команде, спросил: а зачем? Давайте просто покажем сайт пользователю и попросим его протестировать. Вся сложная система стала не нужна. Вебстер работает в Фигме как дизайнер моделей. Это первая такая роль в мире. Не обычный дизайнер интерфейсов. А человек, который работает с моделями, проверками, промптами и понимает поведение AI на глубоком уровне. До Фигмы сделал Teachable Machine в Google (2017), потом три года в Replit запускал AI-фичи, которые вывели стартап в единороги. Теперь учит дизайнеров Фигмы работать с AI и строит инструменты для прототипирования AI-фич до того, как рисовать интерфейсы. Внутри: — Не делайте интерфейс для идеального случая. Сначала поиграйте с моделью, потом рисуйте кнопки; — Проверки работы модели это как покрытие тестами в программировании. Без них проверка вручную занимает огромное время; — Главный совет: потратьте время, чтобы понять, что входит в модель и что выходит. Иначе станете просто рисовальщиком кнопок; — В Replit две трети успешных проектов были реактивными: выкатили фичу, посмотрели кто её использует, поговорили с ними; — Риск для дизайнеров: инженеры контролируют промпты, проверки, модели. Дизайнеры могут остаться только делать интерфейсы. А вы работаете с AI-продуктами? Или пока смотрите, что делают другие? ➡️ Читать интервью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Macbook Pro & Air
Это бесплатный векторный мокап, которым вы можете воспользоваться для презентаций вашего проекта. Ссылочка на мокап — Macbook Pro & Air Figma
Изображение поста