🚀 Как Frontend-разработчики используют Figma?

Figma — незаменимый инструмент не только для дизайнеров, но и для Frontend-разработчиков! С её помощью вы: ✔️ Понимаете, как устроен макет. ✔️ Видите размеры, отступы и шрифты. ✔️ Быстро экспортируете ресурсы для проекта. ✔️ Работаете с дизайнерами в реальном времени. Хотите научиться использовать Figma и другие ключевые инструменты разработки? Освойте профессию Frontend-разработчика на курсе от Яндекс Практикума! 🎓 10 месяцев обучения с наставниками. 💼 5 проектов для портфолио. 🔥 Полная поддержка в поиске работы. Попробуйте первые 20 часов бесплатно!

🔹The Blueprint News

Ardo Studio — поставщики премиальных отделочных материалов, которые мы используем в наших проектах! Приехали не с пустыми руками: поздравили девушек бюро finoarte с наступающим 8 марта и заодно рассказали о своем ассортименте и поделились новинками. Спасибо, что зарядили всех весенним настроением😊

#вдохновение@zhurnalus_lite #сайт@zhurnalus_lite

🔹The Blueprint News

На каждом проекте, который попал в шорт-лист или занял призовое место на премии, будет появляться значок «DPA». При клике на награду внутри работы отобразится год, номинация и статус победы. Теперь подтверждение ваших трудов и заслуг не только будет красоваться на полке в виде статуэтки, но и усиливать ваше портфолио на Dprofile. Награда уже появилась у всех номинантов и призёров 2024 и 2025 года. Бегите смотреть и хвастаться перед коллегами. А уже совсем скоро будут первые подробности о фесте и премии. Готовьте ваши проекты! Подписывайтесь на канал Dprofile Fest & Award 2026, чтобы не пропустить анонсы.

#уроки

А пока делимся с вами важными ссылками с субботней лекции Саши на 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 Инструкция по установке ⚡️ Книги (их не было на лекции, но они будут полезны): 🔸Живая типографика, Александра Королькова 🔸 Облик книги, Ян Чихольд 🔸Новая типографика. Руководство для современного дизайнера, Ян Чихольд 🔸Основы стиля в типографике, Роберт Брингхерст 🔸Мой путь к типографике, Вольфганг Вайнгарт 🔸Типографика. Порядок и хаос, Владимир Лаптев ⚡️ Лекции: 🔸Вся правда о шрифтовых парах 🔸Шрифтовая магия Буквы не то, чем кажутся

а) нашла с кем, чтобы не слиться и вписалась в фокус-группу к клёвому наставнику б) начала с начала, с диагностики — посмотрела первый урок ФД, определила свою точку А, оцифровала ближайшую цель на 2-3 месяца и обновила колесо баланса 🎯 Моя цель на Весну: 3-4 лого или 1 фирменный стиль в месяц, чтобы выходило 150.000₽ с дизайна. Очередь заявок на месяц вперёд и мягкая загруженность на 2-3 часа в день, чтобы хватало времени на книгу, детей и себя. С потенциалом по настроению увеличить загрузку и сделать 300.000₽. Как вам? Мне было немного неловко поделиться открыто, поэтому поддержите меня что ли ) Ну и инициирую вас написать и заземлить этим свои цели на Весну. Какими бы они ни были - пусть всё получится✨

Брендинговое агентство, которое рассматривает дизайн как инструмент для истории и результата. Работает с разными индустриями и сочетает экспертизу с гибкостью независимой студии, соединяя выразительный дизайн и осмысленные сообщения. #агентство #студия #маркетинг #светлая_тема Посмотреть сайт 👨‍💻

В работе для меня важны не красивые идеи, а решения, которые выдерживают проверку реальностью. Я смотрю на проект целиком: как люди будут жить в этом пространстве, где они устанут, и смогут прилечь, где им будет удобно, а где — красиво, но непрактично. Дизайн — это не столько вдохновение, сколько последовательный набор практических схем для жизни, а потом - красивые визуализации. Мечтайте, вдохновляйтесь, меняйтесь вместе с нами! 🏡 Ваш Счастливый 👨‍🎨 Дизайнер