Когда сеньор дизайнер проверяет твой файл

👉 @PortalToDesign

Open-source библиотека motion-эффектов — Kinetics теперь содержит 99 анимаций.

- CSS + React версия
- Промпт-версия для вашего AI-кодинг-агента

http://kinetics.colorion.co

👉 @PortalToDesign

scroll-padding — недостающая часть для чистых скролл-затуханий. Держит элементы видимыми и кликабельными.

👉 @PortalToDesign

Компонент загрузки файлов — в действии.
Прогресс в реальном времени, возможность поставить загрузку на паузу и возобновить её, а также корректные переходы между состояниями — от начала до завершения. Именно так должен быть реализован UX загрузки файлов.

👉 @PortalToDesign

Я постоянно использую 60%-ное сглаживание углов в стиле Apple. Но каждый раз, когда я пытаюсь объяснить это Codex или Claude Code, они часто понимают меня неправильно. Поэтому я нашел навык (skill), который может использовать любой желающий со своими ИИ-агентами:

npx skills add gabrielobholz/corner-smoothing-skill

Теперь мне достаточно просто сказать:

«Создай прямоугольник с радиусом 32 и сглаживанием 60».

И я получаю именно ту форму, которую имел в виду.

👉 @PortalToDesign

Что за хрень: кому вообще приходит в голову использовать Unicode вот так?

👉 @PortalToDesign

Смотри: Вот как избежать хаоса с hover-эффектами.

👉 @PortalToDesign

Что??? 🤣

👉 @PortalToDesign

В Figma теперь можно зацикливать дорожки свойств (Property Tracks) на таймлайне Motion.

Для этого щёлкните правой кнопкой мыши по любой дорожке свойства и выберите "Loop Track".

Также к таким дорожкам можно привязываться (snap), удерживая Shift, либо при перетаскивании конца области воспроизведения (Playback Area).

👉 @PortalToDesign

Вот почему нативные меню ощущаются намного удобнее, чем кастомные.

Prediction Cone (или Safe Triangle) — это невидимая область, которая не позволяет подменю закрыться, когда вы ведёте курсор по диагонали к вложенному меню.

Красивое решение. 👏

👉 @PortalToDesign

Слишком мощно!

👉 @PortalToDesign

Сайдбар для любого продукта.

Посмотрите, как он адаптируется от CRM до HR и DeFi: плавно переключается между полноценной панелью с подписями и компактной вертикальной панелью с иконками, поддерживает сгруппированную навигацию и показывает тултипы в свернутом режиме.

👉 @PortalToDesign

Figma опубликовала AI Report 2026 — исследование о том, как искусственный интеллект меняет процессы разработки цифровых продуктов. Главный вывод отчета: AI перестает быть инструментом для отдельного специалиста и становится основой совместной работы команд.

Несколько интересных цифр. Уже 41% специалистов считают, что AI заметно изменил командную работу. Два года назад такого мнения придерживались всего 7%. Дизайнеры всё чаще участвуют в разработке: за год этот показатель вырос с 21% до 41%. Разработчики, в свою очередь, всё активнее вовлекаются в дизайн — с 44% до 60%. При этом 76% респондентов выполняют как минимум половину своей работы прямо на общем canvas, а 60% проводят там большую часть рабочего времени.

В Figma считают, что с развитием AI роль дизайна становится только важнее. Генерировать интерфейсы, код и контент становится всё проще, однако именно люди по-прежнему принимают ключевые решения: что вообще стоит создавать, как продукт должен работать и какие компромиссы выбрать. По данным исследования, 90% участников считают, что значимость дизайна не снизилась с приходом AI, а почти шесть из десяти уверены, что она даже выросла.

Ещё один важный вывод отчета касается внедрения AI в компаниях. Наиболее успешными оказываются организации, где изменения происходят одновременно снизу — по инициативе команд, и сверху — при поддержке руководства. В этом случае AI становится частью общих процессов компании, а не набором личных приёмов отдельных сотрудников.

👉 @PortalToDesign

Новый навык /apple-design поможет применять принципы дизайна Apple на практике

Появился новый навык /apple-design, основанный на материалах конференции WWDC от Apple. Его автор изучил лучшие доклады о дизайне и собрал 17 ключевых принципов дизайна и анимации, которые лежат в основе пользовательского опыта продуктов Apple.

👉 @PortalToDesign

Некоторые из моих любимых UI-библиотек:

NumberFlow — для анимации чисел.
input-otp — для полей ввода одноразовых кодов (OTP).
Liveline — для графиков в реальном времени.
Leva — для создания настраиваемых GUI.
cmdk — для командных меню (command menu).
Virtuoso — для виртуализации списков.
dnd kit — для реализации drag-and-drop.
Sonner — для toast-уведомлений.

👉 @PortalToDesign

Вау. Просто подборка кинематографичных hero-секций.

https://openhero.art/

👉 @PortalToDesign