Meditation App UI Kit

Дизайн система для создания приложения в тематике «Медитация» Install ️

Install

На гитхабе дизайнер создал файл A11y.md — готовый контекст, который загружаешь в Claude (или любую другую нейронку) — и она начинает проверять твои макеты по стандартам WCAG 2.2. Дима и Миша рассказывали уже о том, что если не спросить нейронку, то она и не расскажет о доступности, так вот md решает данную проблему. Мне нравится, как этот диз написал: Accessibility is not a feature or an incremental improvement; it is a pre-condition for use. Доступность — это необходимое условие. Как пользоваться, если ты диз? 1. Открыть файл на GitHub A11Y.md из папки docs/en/ 2. Вставить в начало чата с AI «Строго следуй правилам разработки, описанным в файле A11Y.md» 3. Скинуть файл или ссылку на свой проект 4. Готово! Что внутри репозитория: ⚡ Command Center — главный файл с матрицей приоритетов, правилами поведения для AI и протоколом для сложных компонентов. 📚 Support Library — справочная библиотека с готовыми решениями по контрасту, формам, кнопкам, навигации и модалкам. 🛠️ Templates — шаблоны для финальной проверки перед релизом и структурированный лог для фиксации технического долга. 📝 Examples — реальные ошибки доступности из проекта на Figma Make, с конкретными исправлениями, которые предложил A11Y.md в роли автоматического ревьюера. Немного того, что важно для дизайнера: → Контраст текста должен быть 4.5:1, элементов UI — 3:1 → Нельзя передавать состояние только цветом — нужны иконка + текст + цвет → Минимальный размер кнопки — 44×44px → Плейсхолдер не заменяет подпись к полю → Графики обязаны различаться без цвета — текстурами или штриховкой и многое другое Этот файл не научит доступности с нуля, он действует скорее как быстрый фильтр и сверка с WCAG. Конечно, я за то, чтобы изучать A11y глубже )

Записал вам наглядно разбор сверстанного блока сайта, как я его оцениваю и какие правки даю. Основная задача арт-директора — видеть всю картину целиком и из микродеталей строить большой объект. ➡️ Смотреть видеоразбор ➡️ Смотреть видеоразбор Сверстанный блок, на который даю правки, можно посмотреть по ссылке Дизайн этого сайта сделан на моем персональном обучении — Ultra UI: уровень Арт-дирекшн.

Сегодня в Вышке будет практическая лекция: • Разберем пошаговый план изучения 3D, и где его применять в UI/UX; • ИИ в пайплайне у 3D-дизайнера; • Практические применения и нейрорендер. Вести лекцию будет Николай Хан (@nikolay_khan) – 3D-дизайнер с 5+ лет опыта. Николай работал с Мегафон, Сбер, ВК, BORK, а также сотрудничал с зарубежными артистами (Gunna и Roddyrich). Цитата Николая о лекции: На лекции я хочу показать реальные шаги в изучении 3D: с чего начать и как изучить быстро, что не нужно делать, где применять, ИИ в пайплайне, практика. По итогу лекции у вас будет четкое понимание зачем вам нужно изучать 3D и где применять его в своих проектах. ➡ Доступ к лекции в Вышке — по ссылке (тариф "Лекторий" и выше)

Мы сейчас в поиске новых дизайнеров для работы с сайтами, приложениями и брендингом. Мы делаем большие екомы, удобные приложения и помогаем с дизайном крупным компаниям. Среди наших клиентов Дефиле, Х5, СкайРом, Архитектор Групп... Для нас дизайнер — это не только про устойчивый визуал. Это про умение принимать решения на уровне логики продукта и понимания бизнеса. Ты наш идеальный кандидат, если... ☑️У тебя большая насмотренность. Без неё никуда. ☑️Осознанно работаешь с композицией, типографикой и визуальной иерархией. ☑️Умеешь в нейросети и доработку результата до максимально возможного. ☑️Понимаешь, как устроен дизайн-продакшн и как макеты превращаются в работающий продукт. ☑️Можешь объяснить и защитить свои решения через логику и здравый смысл. Хотя бы внутри команды. Будет большим плюсом умением в AE и люстру. Основные задачи: — Проектировать пользовательские сценарии для мобильных приложений, e-commerce и корпоративных сайтов; — Собирать интерактивные прототипы, которые понятны и заказчику, и разработке; — Выстраивать визуальные концепции под задачи, а не «просто красиво»; — Работать с гайдлайнами: применять и адаптировать без потери смысла; — Делать адаптивы, работать с компонентами и дизайн-системами (UI kit, атомарный подход — всё это не должно быть новостью). — Создавать визуал для кейсов, которые будут получать награды. Как откликнуться: Пришли резюме и короткое сопроводительное на team@ancora.agency Расскажи о 3 ключевых кейсах и своей роли в них — по делу, без воды. И приложи ссылки на 1–2 сильных проекта в Figma. Больше не надо. Если мэтч по сивишке — сразу же ответим. Будет супер, если добавишь свой ник в ТГ для связи.

Введу в контекст: Валерия Еолян (@Valeria_Eolyan) и Никита Кисилев (@Nikita_Kisilyov) сделали дизайн промосайта на моем персональном обучении (Ultra UI: уровень Арт-дирекшн). Анимацию готового дизайна сайта приложил к этому посту. Потом я передал его команде TapTop на верстку. И мне каждый день присылают сцены на проверку. Отправляю как есть, в сыром трушном виде, чтобы можно было увидеть процесс разработки. 🟣Сцена 1 - https://site-65056.taptop.site/ 🟣Сцена 2 - https://site-76248.taptop.site/ 🟣Сцена 3 - https://site-05423.taptop.site/ 🟣Сцена 4 - https://site-73750.taptop.site/ Вам было бы интересно смотреть за процессом? Поставьте 🔥, если хотите, чтобы я делился ходом работы проекта до финального результата.

спойлер: от нас будет приглашённый эксперт что это такое и как работает? 📁 ¡portfolio hero! — бесплатный челлендж для графических, коммуникационных, продуктовых, веб- и ui/ux дизайнеров, которые давно откладывали портфолио «на потом». 💭 в течение трёх недель вы присылайте по кейсу в неделю, а ребята из duo и приглашенные эксперты по понедельниками и вторникам разбирают их в прямом эфире, от нас в том числе будет приглашённый эксперт! расписание эфиров ¡portfolio hero 8! неделя 1 4 мая, эфир «ведение в ¡portfolio hero 8! — расскажем вам, как проходит челлендж, чего ожидать от себя и эфиров и ответим на вопросы 5 мая. обучающий эфир «как сделать сочный кейс» 🙆 таня богомолова — продуктовый дизайнер в альфа-банке, ментор duo sapiens, автор канала @vpolezreniyaaa 🙆 павел эренбург — head of creative в dizzaract, ментор duo sapiens, автор канала @literallyeren неделя 2 11 мая. разбор кейсов графического и коммуникационного дизайна первой недели 🙆 анастасия голикова — коммуникационный дизайнер в elama яндекс, иллюстратор на фрилансе, ментор duo sapiens, автор канала @anastasiagolikovaa 🙆 анна медведева — бренд дизайнер, ex арт-директор family, ментор duo sapiens, личная страница 12 мая. разбор кейсов продуктового, веб- и ui/ux- дизайна первой недели 🙆 антон ягупов — uxui-дизайнер в далее, команда сбера, шеф-редактор явно.дизайн, ментор duo sapiens, автор канала @yavnodesign 🙆 дима черкасов — ex .aic, ex red collar, сейчас senior product designer в сбере, ментор duo sapiens, автор канала @krinzhall неделя 3 18 мая. разбор кейсов графического и коммуникационного дизайна второй недели 🙆 антон смирнов — руководитель дизайна внутренних сервисов, арт-директор бренда работодателя т-банк, ментор duo sapiens, 🙆 валерия тетеева — мультидисциплинарный дизайнер, ex спец проекты т-юанка, ex яндекс, ментор duo sapiens, автор канала @visuaaaals 19 мая. разбор кейсов продуктового, веб- и ui/ux- дизайна второй недели 🙆 игорь старков — senior product designer xsolla, ex альфа-банк и втб банк, ментор duo sapiens, линкедин 🙆 даниил аверин — middle product designer, ex pinkman, ментор duo sapiens, автор канала @averination_tips Неделя 4 25 мая. разбор кейсов графического и коммуникационного дизайна третьей недели 🙆 юлия федорищева — старший дизайнер коммуникаций мвидео, бывший ведущий дизайнер упаковки в самокате, сооснователь агентства noideas agency agency (нет идей), ментор duo sapiens, автор канала @julia_mordovina 🙆 дима исаев — основатель isfirst.agency, дизайн директор ex. яндекс, авито, скайенг, ментор duo sapiens, автор канала @isfirst_strategy 🙆 никита михайлов — операционный директор и мультидисциплинарный дизайнер в школе и студии щёлочь 26 мая. разбор кейсов продуктового, веб- и ui/ux- дизайна третьей недели 🙆 марина лавринченко — бывший дизайнер в студии лебедева и яндекс лавке, сейчас работает в т-банке над цифровым рублём, ментор duo sapiens, автор канала @mldsg_mrla 🙆 светлана рыбушкина — дизайн-лид продуктовой команды в «мой мтс» ментор duo sapiens регистрация на челлендж 🤩

🔗 Figma Community ▫️ #assets

Install ️

Пару лет назад все спорили, заменит ли AI дизайнеров. Сейчас вопрос другой: что вообще остается ценным, когда визуал, тексты, иллюстрации и прототипы делаются в разы быстрее. Судя по комментариям дизайн-лидов из Ozon, ВТБ, Яндекса, МТС, VK и других, ответ один: мышление, системность и умение связывать дизайн с продуктом, метриками и восприятием. Самый интересный сдвиг в том, что дизайн перестает быть ремеслом и становится управлением продуктом через интерфейс. AI ускоряет производство, но не решает за команду, что именно нужно делать, зачем, как это встроить в сценарий и чем продукт будет отличаться от остальных. Поэтому в 2026 выигрывают не те, кто быстрее всех генерирует экраны, а те, кто умеет строить логику, характер продукта и ощущение от взаимодействия. Внутри: – Как AI стал частью операционной среды, а не просто модной фичей; – Почему скорость производства больше не дает преимущества сама по себе; – Как меняется роль дизайнера, когда фокус уходит от ремесла к решениям; – Почему рынок устал от хайпа и начинает смотреть на AI через экономику и эффект; – Зачем продуктам в 2026 нужна управляемая уникальность, а не копия лидеров; – Как эмоциональный дизайн влияет на доверие, позиционирование и восприятие; – Почему Zero UI становится следующим уровнем конкуренции через поведение, а не через кнопки; – Как живая типографика и адаптивный сторителлинг помогают управлять вниманием и вовлеченностью. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Готовый шаблон приложения по покупке недвижимости, компоненты которого вы можете бесплатно использовать для своих проектов. 📱Скачать UI Kit📱 #uikit

www.figma.com/blog/our-approach-to-designing-ui3/

мой опыт и опыт других дизайнеров/разработчиков 📎 Генерировать UI-концепты и макеты по промпту загружая их напрямую в браузер или в саму Figma 📎 Справляется с созданием адаптивов Хорошо продумывает адаптив, даже если задать ограничения и сценарии 📎 Генерировать дизайн-системы Может собрать дизайн-систему и описать правила (однако полноценные системы требует доработки) 📎 Верстать интерфейсы Подходит для лендингов, MVP и даже сложных интерфейсов, но почти всегда требует ручной доработки и ревью, хорошо обучается на загруженных библиотеках и твоих спецификациях 📎 Делать интерактивные прототипы Может собирать прототипы в браузере/Figma 📎 Помогать с деплоем Может объяснить и сгенерировать шаги для хостинга, домена и настройки проекта 📎 Интеграция с бэкендом и админками Может предложить архитектуру, API-структуру, варианты CMS (пока не тестила работу на бэке, на ютубе видеоа много уроков) 📎 Проводить исследования Это не замена полноценным UX-исследованиям с пользователями, однако с данными на основе реальных пользователей тоже отлично справится → просто чтобы вы понимали на какой функционал можете рассчитывать, а я пока готовлю большую инструкцию установке Claude правильно со всеми необходимыми библиотеками и приложениями😇 #полезное #клод

Скачать текстуры #материалы

Более 262 элементов пользовательского интерфейса Install

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

Коллекция шаблонов навигационных панелей для создания стильных дизайнов. 🖨Скачать набор🖨 #UIKit

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

Я не верю пока, но пролетел ровно год с первой части этого замечательного сериала. 7 апреля моему проекту исполнился год! Мы прошли путь от 0 пользователей до 4k DAU, миллионы показов с поисковиках, 2+ млн просмотров, и первой выручке от подписки. Мы выросли со 100 вакансий для дизайнеров до 35000+ вакансий по 7 категориям. Добавили много новых фильтров, десяток новых фич и тысячи улучшений под капотом. Визуально мы почти не изменились за год, но внутри изменения очень большие :) Удивительно, но у меня все ещё нет команды и я пилю проект исключительно нейронками. Мне немного помогает с дизайном Тим, за что ему большое спасибо. Без него всё было бы медленее в несколько раз. И да, сегодня релиз версии 4.2 и это самое большое обновление hirehi за всю его историю. Что же изменилось. 🔥🔥 AI-собеседование с рекрутером Собес это всегда стресс, но стресса не будет, если потренироваться. И теперь это можно сделать с AI-рекрутером прямо на платформе. Он учитывает множество факторов, ваш грейд, категорию, подкатегорию. Если в профиле есть резюме, то погоняет по нему. Там же можно выбрать тип собеседования (HR, технический или финальный). От этого зависит формат собеседования, продолжительность и стоимость по кредитам. Собесы можно проходить на русском или английском языках. Как вам удобно. Больше никакого стресса. И да, в конце вы получитё отчёт с оценкой. Он может быть пока не супер точный и правильный, это МВП. Любой фидбек пишите в личку. Кстати, там красивая анимация сферы внутри собеса, делал долго, но кажется прикольно. Буду улучшать) Фича с AI-собесом может быть чуть-чуть нестабильна, ибо зависит от соединения, скорости интернета и так далее. Я максимально постарался свести ошибки к минимуму и оттестировать насколько это возможно. Но ошибки не исключены, поэтому смело пишите в личку, будем смотреть каждый случай и решать. 🟡 ML модель для зарплат Я сделал свою собственную модель для предикта зарплат в вакансиях, где её нет. Модель обучена на десятках тысяч актуальных вакансий и определяет зп меньше чем за секунду. Я буду обучать её раз в неделю, а значит предикты будут ещё четче. 🟡 2 фичи по CV На странице вакансии теперь можно сгенерить сиви под конкретную вакансию. Оно возьмёт ваше исходное из профиля и подтюнит так, как нужно. А в самом профиле внутри сиви теперь можно в 1 клик сделать его лучше с точки зрения текстов и пользы :) Пробуйте, и пишите в поддержку (то есть мне, если что-то не так) 🟡 Вход по почте и паролю Входа по magic-link больше нет. Он был нестабилен и иногда люди просто не могли войти( Теперь можно сбросить пароль и входить просто по почте и паролю стандартно. Это быстрее и надёжнее. А ещё сотня улучшений технических и правок по UI. Я благодарю каждого, кто пользуется сервисом, кто его советует просто так (я иногда нахожу упоминания в соц.сетях), кто оплачивает подписку и рекомендует его знакомым и друзьям. Я делаю проект один с 0 бюджетом и каждое такое упоминание очень важно для развития сервиса. Приходите пользоваться новыми фичами и искать вакансии. Всех люблю и обнимаю ❤️ 🔠 Газ на hirehi 🔠 Газ на hirehi 🔠 Газ на hirehi ч.29 ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы