Для начинающих дизайнеров в Figma

Скоро 3 дня практики по UX/UI-дизайну. Сделаешь новую работу в портфолио, будет 5 подарков. Разберём, как стартовать карьеру в реалиях 2025, и проведём розыгрыш призов на 164 000 ₽.  Можно без опыта. Забирай билет и вэлкам: Реклама.  ИП Антипин Александр  ИНН 701751029533 erid: 2VtzqwcBgbN
Изображение поста

новый поток КНИ уже стартовал! ❤️

следующий будет НЕ СКОРО, так что залетайте сейчас, присоединиться можно еще неделю ❤️ дайджест постов про КНИ ❤️ пост про куратора курса лекция по брифингу от Пети Губанова лекция про современное искусство от Артема Рефа новая лекция про матрицу эстетик финальный проект студентки 12-го потока новая лекция про раскадровки и аниматик как КНИ развивает креативность — отзывы студентов обзор домашнего задания с КНИ приходите на курс становиться передовым нейро-художником, создавать уникальный, системный и предсказуемый визуал, а не просто нейрослоп! идёт 2 месяца, стоимость 35к(!!!), есть оплата частями без процентов и в рассрочку 🤩 программа курса и запись 🤩

🔥 Typeahead в духе Spotlight выглядит как мелочь, но внутри это очень нетривиальный UI-паттерн

Обычный автокомплит показывает список под полем. Typeahead работает иначе: продолжение появляется прямо внутри строки, и за счет этого пользователь не прыгает взглядом между инпутом и выпадающим списком. На словах просто. На деле это почти полностью кастомное поведение, которое не совпадает с нативной логикой HTML-инпутов. Флориан Шульц очень хорошо разбирает, почему такая штука сложнее, чем кажется. Сначала он попробовал идти через реальное выделение текста, но на iOS это сразу развалилось из-за ручек выделения и странного поведения браузера. Потом пришел к overlay-подходу, где completion рисуется поверх инпута отдельным слоем, а дальше началась настоящая инженерия: beforeinput, кастомная обработка backspace, скрытие каретки, переполнение текста и даже проблема кернинга, из-за которой буквы начинали прыгать при вводе. Внутри: – Чем typeahead отличается от обычного автокомплита со списком подсказок; – Почему решение через реальное выделение текста ломается на мобильных; – Как работает overlay-подход с отдельным слоем поверх инпута; – Какие события приходится перехватывать, чтобы поведение было естественным; – Почему стандартный Highlight не дает одинаковый результат в разных браузерах; – Как обрабатывать состояния фокуса, очистки и переполнения текста; – Откуда берется проблема с кернингом при разбиении строки на span; – Как можно компенсировать этот сдвиг, не отключая кернинг полностью. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Создаем красивый эффект логотипа Apple.

Архитектор Дарья Кармазина запустила очень милый проект по имени «Секретики».
«Секретики» — популярная советская дворовая игра, заключавшаяся в создании тайников с сокровищами: дети накрывали фантики, цветы, бусины и другие маленькие предметы накрывали кусочкам стекла и закапывали в землю. А в проекте под «секретиками» понимаются городские локации — те места, где мы живём или часто бываем и которые полны неявных сокровищ. Даша начала с района Москвы, который хорошо знает — Бутово: согласитесь, довольно неочевидная сокровищница. Скоро должны появиться ещё Запрудня и Подольск. Пока это авторский проект, но есть идея сделать из него коллективный атлас, так что если у вас есть любимые места, которыми вы готовы поделиться, прокручивайте сайт вниз — там есть контакты автора.
🔥 Топ-проектов наших учеников после обучения за апрель 🔥
1. Логотип для центра психологии и терапии – Виола Репак 2. Дизайн метафорических карт – Салтанат Мададова 3. Дизайн презентации Growth Report – Салтанат Мададова 4. Фирменный стиль для бренда товаров для дома – Виола Репак 5. Логофолио 2026 – Савенко Наталия 6. AI-контент для пищевых добавок – Лиза Йели 7. Брендбук для SKYNOR – Алена Игоревна Переходите, смотрите и поддержите проекты лайками🫶
SXL Studio — новый бесплатный набор инструментов для дизайнеров дизайн-систем, альтернатива Token Studio, быстрее и функциональнее. Поддерживает:
→ Database — маппинг слоев в фигме с backend данными из JSON, CSV, вставка картинок по https// ссылкам. → Tokens — применение, экспорт, поддержка более 35 типов токенов: number, sizing, spacing, dimenstion, typography, transition, image, color, fill, shadow, glass и другие. → Генерация component и componentSet из JSON (через ИИ можно конвертировать любой компонент (VUE3, React) в JSON и на основе этого кода сгенерировать в Figma точно такой же компонент) → Интеграция дизайна в Storybook → Экспорт переменных из JSON в CSS, Swift, Kotlin прямо из плагина → Поддержка GitHub и GitLab → Поддержка Dev Mode для Frontend разработчиков → Восстановление связей с master компонентом или подключение открепленных инстансов к мастер компоненту → Поддержка Remote соединения с Agent AI Install plugin
Минутка обучения:
Очень простой урок, буквально для начинающих в Illustrator. Учитывая отечественный тренд на национальные мотивы и оцифрованные ремесла — точно пригодится. Автор: Đức Thắng DS
💎 Делаем эффект отражения в стекле
Минутка напомнить:
Захотелось напомнить как сто лет назад выглядели дизайнеры, художники и архитекторы. Баухаус
Warp Tools
Плагин трансформирует любые объекты с помощью инструментов Smudge, Twirl, Bulge, Pinch, Arc и Free Transform Install