Шрифт Amstelvar

Параметрический шрифт с настоящим характером. Вдохновлён типографикой Нидерландов и Бельгии XVI–XX века, но собран на современных технологиях. Amstelvar — это variable-шрифт, в котором можно настроить почти всё: вес, ширину, контраст, наклон засечек, x-height и даже оптический размер. Каждая ось меняется независимо — как будто ты сам проектируешь гарнитуру под задачу. Работает в заголовках, интерфейсах, инфографике и сложной вёрстке. Один шрифт — десятки решений. Подходит для UI-дизайна, адаптивной типографики, редакционного оформления и экспериментов с variable-настройками. Рекомендуем для сочетания: PT Root UI, Inter, Fixel Text, Halvar Breitschrift Автор: David Berlow Лицензия: Для личного и коммерческого использования Скачать семейство

🔴 Вакансия на паузе Зарплата: Не указана Грейд: Middle Кто ищет: Арт директор Тэги: #designer, #design, #дизайнер, #ищудизайнера, #удаленка Novaform ищет в команду UX/UI-дизайнера на удаленку. Будем делать адаптивный дизайн, разрабатывать концептуальные решения и проектную логику, проектировать пользовательские сценарии. 👁👁 Откликнуться →

Типографика — один из краеугольных камней дизайн-системы. Чтобы она была гибкой, адаптивной и легко масштабируемой, важно не просто задать стили, а построить их на основе семантических токенов. Об интеграции типографики в дизайн-систему начали говорить в первой части. 📌В статье «Типографика в дизайн-системах: семантические токены и отзывчивое масштабирование. Часть 2» пошагово разбираем, как: — настроить переменные под разные брейкпоинты, — связать стили с ролями (заголовки, текст, подписи), — организовать масштабируемую типографическую шкалу. Такой подход помогает навести порядок в типографике, а не плодить бесконечные вариации. Подойдет для дизайн-систем любой зрелости. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

Figma Sites Конструктор сайтов от Figma, позволяющий создавать и публиковать сайты прямо из Figma. Поддерживается адаптивный дизайн, доступно множество готовых блоков и простое добавление анимаций. В период тестирования функция доступна только на платных тарифах, но разработчики обещают в будущем выпустить и бесплатную версию. Попробовать: figma.com/site/new

#ru">Grid Garden Поливаете морковку и избавляетесь от сорняков, паралелльно осваивая базовую структуру CSS Grid и продвинутые свойства (grid-area, repeat(), fr) #ru">Flexbox Froggy Похожая история, только теперь вы правильно расставляете лягушек, осваивая flexbox. CodeCombat RPG-игра для новичков в программировании. Учитесь редактировать исходные коды на нескольких языках, включая JS Elevator Saga Тут ваша задачка запрограммировать движение лифтов так, чтобы они успевали обслуживать пассажиров. Вся логика пишется на JS Colobots Главный герой — астронавт, который исследует планеты и строит базы. В помощь ему дроны, которых вы программируете на JS под разные задачи. CSS Diner Вы — повар, который должен выбирать блюда с помощью CSS-селекторов. В процессе игры изучаете простые и комби селекторы, псевдоклассы и атрибуты. Понимание CSS и JavaScript — must-have, чтобы уметь выходить за рамки стандартных возможностей Webflow или Taptop: ⭐️ кастомные анимации и интерактив (JS) ⭐️ адаптивные стили под разные устройства (CSS) ⭐️ кастомные блоки, кнопки, карты, чат-боты, трекеры и т.п. ⭐️ вставка стороннего кода без боли А ещё это помогает быстрее искать и править баги + уверенно пользоваться DevTools в браузере. Так что сохраняйте подборку и делитесь с теми, кому тоже будет полезно!

Uizard.io — сервис который подходит как для профессиональных дизайнеров, так и для новичков. Вот некоторые интересные функции сервиса: Генерация прототипов из текста Функция «Autodesigner 2.0» позволяет генерировать макеты интерфейсов из текстовых описаний. Преобразование эскизов и скриншотов Сервис позволяет загружать рукописные эскизы или скриншоты существующих интерфейсов, которые ИИ автоматически преобразует в редактируемые цифровые макеты. Интуитивный редактор с функцией Drag-and-Drop Uizard предлагает интуитивный редактор с функцией drag-and-drop, который упрощает настройку макетов. Платформа включает библиотеку готовых компонентов и шаблонов. Генерация UX-текста и цветовых палитр Функция «Text Assistant» создает текстовое наполнение для интерфейсов, а «Theme Generator» автоматически подбирает цветовые схемы и шрифты на основе загруженных изображений. Умеет в адаптивный дизайн Дизайнеры могут создавать универсальные интерфейсы, подходящие для разных устройств Делитесь в комментариях результатами своих генераций

Мегаменю — это не зло. Это инструмент. Особенно когда на сайте десятки страниц, разделов и подкатегорий. Но есть нюанс: в плохом исполнении оно пугает, теряет людей и превращает сайт в лабиринт. Что работает в 2025 году: Ограничь уровни вложенности Максимум 2. Чем глубже меню — тем выше шанс, что пользователь закроет сайт, не дождавшись конца этой «навигационной саги». Используй чёткие заголовки Не «Наши решения», а «Продукты» или «Услуги». Люди должны понимать, куда они кликнут. Не забивай всё подряд Мегаменю — это не склад. Лучше меньше пунктов, но понятнее. Убирай то, что не критично на первом уровне. Оптимизируй под мобилку Удивительно, но до сих пор попадаются сайты, где мегаменю просто исчезает на мобильной версии. Сейчас есть адаптивные шаблоны, раскрывающиеся блоки — используй. Подумай про доступность Проверь, работает ли меню с клавиатурой. Достаточен ли контраст? Проговорится ли пункты скринридером? Добавь визуальные якоря Иконки, выделение категорий, подсветка при наведении — чтобы глаз цеплялся. Но не переборщи, иначе получится новогодняя гирлянда. Мегаменю не должно привлекать внимание. Оно должно выполнять работу — быстро, чётко, без лишних кликов. Если навигация незаметна — ты всё сделал правильно. #UX #UI #Навигация #Мегаменю #webminute

Web Promo — это современный и минималистичный шаблон для презентации сайтов, сервисов или приложений. Идеально подходит для промо-роликов, лендингов, UI/UX-дизайна и рекламных интеграций. Чистая анимация и адаптивная структура делают его универсальным инструментом для digital-контента. #материалы

Типографика — это не просто выбор шрифта. Это архитектура текста, которая влияет на восприятие, доступность и читаемость всего интерфейса. В продуманной дизайн-системе она превращается в мощный инструмент: задает ритм, структурирует контент и облегчает работу всей команде. 📌В сегодняшней статье «Типографика в дизайн-системах: семантические токены и отзывчивое масштабирование. Часть 1» мы разберем, как интегрировать типографику в дизайн-систему — от примитивных и семантических токенов до адаптивной иерархии и требований доступности. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ UX/UI, Фриланс, Коммерческий дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Вакансии для дизайнеров

За 7 бесплатных дней обучения ты: 1. Ты сделаешь 5 макетов в Figma с нуля; 2. Изучишь основы UX/U I-дизайна; 3. Разберёшься с композицией, цветом и типографикой; 4. Научишься создавать адаптивный дизайн; 5. Получишь советы к твоим работам от экспертов; 6. Научишься использовать ИИ в дизайне; 7. Узнаешь 9 способов найти первый заказ даже без опыта. Бесплатный курс ведёт Ольга Чернова – веб-дизайнер с опытом 8 лет. Ольга помогла 380 новичкам в дизайне поднять скилл и выстроить очередь из постоянных клиентов. А больше половины её учеников сейчас активно путешествуют. 👉 Ухватить возможность стать успешным веб-дизайнером Ученики Ольги стабильно зарабатывают на веб-дизайне с 2019 года по всему миру.

Профессиональная диспетчерская мебель для работы ведущего персонала Проектирование, изготовление, монтаж ✅Сопровождение проекта ✅Дизайн в соответствии с фирменным стилем ✅Адаптивность конструкции и широкий функционал ✅Персонализированно под задачу ⚡Доставка точно в срок! Узнать больше #реклама consergo.ru О рекламодателе

За 7 бесплатных дней обучения ты: 1. Ты сделаешь 5 макетов в Figma с нуля; 2. Изучишь основы UX/U I-дизайна; 3. Разберёшься с композицией, цветом и типографикой; 4. Научишься создавать адаптивный дизайн; 5. Получишь советы к твоим работам от экспертов; 6. Научишься использовать ИИ в дизайне; 7. Узнаешь 9 способов найти первый заказ даже без опыта. Бесплатный курс ведёт Ольга Чернова – веб-дизайнер с опытом 8 лет. Ольга помогла 380 новичкам в дизайне поднять скилл и выстроить очередь из постоянных клиентов. А больше половины её учеников сейчас активно путешествуют. 👉 Ухватить возможность стать успешным веб-дизайнером Ученики Ольги стабильно зарабатывают на веб-дизайне с 2019 года по всему миру.

За 7 бесплатных дней обучения ты: 1. Ты сделаешь 5 макетов в Figma с нуля; 2. Изучишь основы UX/U I-дизайна; 3. Разберёшься с композицией, цветом и типографикой; 4. Научишься создавать адаптивный дизайн; 5. Получишь советы к твоим работам от экспертов; 6. Научишься использовать ИИ в дизайне; 7. Узнаешь 9 способов найти первый заказ даже без опыта. Бесплатный курс ведёт Ольга Чернова – веб-дизайнер с опытом 8 лет. Ольга помогла 380 новичкам в дизайне поднять скилл и выстроить очередь из постоянных клиентов. А больше половины её учеников сейчас активно путешествуют. 👉 Ухватить возможность стать успешным веб-дизайнером Ученики Ольги стабильно зарабатывают на веб-дизайне с 2019 года по всему миру.

🔥 Организовали для тебя бесплатный онлайн-интенсив по UX/UI-дизайну с практикой, обратной связью и куратором. За 7 дней ты: 1. Ты сверстаешь 5 макетов в Figma с нуля; 2. Изучишь основы UX/U I-дизайна; 3. Разберёшься с композицией, цветом и типографикой; 4. Научишься создавать адаптивный дизайн; 5. Получишь советы к твоей работе от экспертов; 6. Научишься использовать ИИ в дизайне; 7. Узнаешь 9 способов найти первый заказ даже без опыта. В итоге ты создашь 5 качественных работ, которые не стыдно добавить в портфолио или продать, освоишь азы работы с Figma и получишь море бесценного опыта в UX/UI-дизайне. 👉 Ухватить бесплатно такой ценный материал Наши ученики стабильно зарабатывают на веб-дизайне с 2019 года по всему миру.

5 уроков и 5 навыков, которые ты заберешь с собой: — освоишь принципы построения секций в Taptop, настройку Flex и Grid-сеток, работу с классами и компонентами — научишься работать с CMS-коллекциями, создавать формы и настраивать их состояния — сделаешь свой сайт-портфолио и оживишь его 3Dшкам и анимациями. — освоишь флюидную адаптивность, чтобы сайт корректно отображался на всех экранах — разберёшься с логикой публикации и экспорта проекта, научишься готовить сайт к передаче клиенту Помимо этих навыков, заберешь с собой подарки! — В уроках будет секретные слова. Соберешь их в одну фразу и получишь бонусом два урока: «Подключаем Telegram к форме с заявками» и «Какие фишки принесут тебе от 40k до 300k за проект» — Ну а самый крутой приз за все сделанные домашки — участие в розыгрыше iPhone 16 Не забудьте пройти регистрацию, так как все уроки и задания будут приходить в боте ⚡️https://t.me/pxp_reg_bot?start=id464282164

🔗 ЗАБРАТЬ ФАЙЛИК #полезное Источник 👨 Дизайн-телега

• 100+ адаптивных компонентов (кнопки, чекбоксы, окна) • Построено на Auto Layout и вариантах (Variants) • Умные таблицы с продуманным выравниванием #designsystem #autolayout #responsiveui Открыть в Figma

🔥 Организовали для тебя бесплатный онлайн-интенсив по UX/UI-дизайну с практикой, обратной связью и куратором. За 7 дней ты: 1. Ты сверстаешь 5 макетов в Figma с нуля; 2. Изучишь основы UX/U I-дизайна; 3. Разберёшься с композицией, цветом и типографикой; 4. Научишься создавать адаптивный дизайн; 5. Получишь советы к твоей работе от экспертов; 6. Научишься использовать ИИ в дизайне; 7. Узнаешь 9 способов найти первый заказ даже без опыта. В итоге ты создашь 5 качественных работ, которые не стыдно добавить в портфолио или продать, освоишь азы работы с Figma и получишь море бесценного опыта в UX/UI-дизайне. 👉 Ухватить бесплатно такой ценный материал Наши ученики стабильно зарабатывают на веб-дизайне с 2019 года по всему миру.

🔥 Организовали для тебя бесплатный онлайн-интенсив по UX/UI-дизайну с практикой, обратной связью и куратором. За 7 дней ты: 1. Ты сверстаешь 5 макетов в Figma с нуля; 2. Изучишь основы UX/U I-дизайна; 3. Разберёшься с композицией, цветом и типографикой; 4. Научишься создавать адаптивный дизайн; 5. Получишь советы к твоей работе от экспертов; 6. Научишься использовать ИИ в дизайне; 7. Узнаешь 9 способов найти первый заказ даже без опыта. В итоге ты создашь 5 качественных работ, которые не стыдно добавить в портфолио или продать, освоишь азы работы с Figma и получишь море бесценного опыта в UX/UI-дизайне. 👉 Ухватить бесплатно такой ценный материал Наши ученики стабильно зарабатывают на веб-дизайне с 2019 года по всему миру.

Поигрались в этот AI от фигмы. Записали тим-сессию и собрали тезисы по ней: - Можно просто вставить картинку или скрин — как референс, и AI сам строит структуру дизайна. - AI сам придумывает ТЗ, если его не дать. Например, создаёт структуру приложения по визуальному входу. - AI способен сделать интерактив — в примере: страница достижений была не просто сверстана, но и стала кликабельной. - Всё работает без полноценной базы данных — данные временно сохраняются (например, в cookies или памяти приложения). - Код пишется автоматически, разбивается на компоненты и может быть скачан. - Работает быстро, если дать чёткий визуальный референс: от 3 до 5 минут на генерацию UI и кода. - Есть визуальный редактор кода прямо в интерфейсе, можно быстро редактировать. - Иногда переписывает код целиком, даже если нужно изменить только одну часть — это может быть неудобно. - Придумывает сам копирайтинг и тексты, если их нет. - Умеет делать адаптивный дизайн, без дополнительных указаний. - Запоминает контекст прошлых правок, удобно для итерационной работы. - Вёрстка нативная и аккуратная, иногда игнорирует мелкие детали (например, цвета или иконки). - Поддержка интерактивности — можно тестировать UI прямо внутри генератора. - При дублировании проекта хранит весь контекст, а не только результат - Нельзя получить Figma-файл напрямую из Make — всё конвертируется в код. - Можно публиковать сайт прямо из Make, как мини-лендинг. @osensei_design • oleg&kate