Design Portal
17.4K subscribers
2.48K photos
534 videos
2 files
724 links
Присоединяйтесь к нашему каналу и погрузитесь в мир дизайна

Cсылка для друзей: https://t.me/+kH_SR315BCk2YjUy

Связь: @devmangx

РКН: https://clck.ru/3Foc9k
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Что за хрень: кому вообще приходит в голову использовать Unicode вот так?

👉 @PortalToDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5
This media is not supported in your browser
VIEW IN TELEGRAM
Смотри: Вот как избежать хаоса с hover-эффектами.

👉 @PortalToDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8
Что??? 🤣

👉 @PortalToDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
😁13
This media is not supported in your browser
VIEW IN TELEGRAM
В Figma теперь можно зацикливать дорожки свойств (Property Tracks) на таймлайне Motion.

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

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

👉 @PortalToDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10🔥21
This media is not supported in your browser
VIEW IN TELEGRAM
Вот почему нативные меню ощущаются намного удобнее, чем кастомные.

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

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

👉 @PortalToDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
👍91🔥1
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥122
This media is not supported in your browser
VIEW IN TELEGRAM
Сайдбар для любого продукта.

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

👉 @PortalToDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5
Figma опубликовала AI Report 2026 — исследование о том, как искусственный интеллект меняет процессы разработки цифровых продуктов. Главный вывод отчета: AI перестает быть инструментом для отдельного специалиста и становится основой совместной работы команд.

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

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

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

👉 @PortalToDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
3🔥3
Новый навык /apple-design поможет применять принципы дизайна Apple на практике

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

👉 @PortalToDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥2
Некоторые из моих любимых UI-библиотек:

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

👉 @PortalToDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
3
Вау. Просто подборка кинематографичных hero-секций.

https://openhero.art/

👉 @PortalToDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
😂😂😂

👉 @PortalToDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
8😁6👍3
Please open Telegram to view this post
VIEW IN TELEGRAM
4😁1
This media is not supported in your browser
VIEW IN TELEGRAM
А это курируемая коллекция готовых промптов для создания впечатляющих лендингов и мобильных приложений: https://motionsites.ai/

Просто копируйте, вставляйте и запускайте 🦍

👉 @PortalToDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Рисуем свет сквозь ребристое стекло и изучаем паттерн отражения (Reflection Pattern) в Figma.

👉 @PortalToDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥52
This media is not supported in your browser
VIEW IN TELEGRAM
Необычным образом стилизуем текст с помощью новых инструментов в Figma.

👉 @PortalToDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5
This media is not supported in your browser
VIEW IN TELEGRAM
Разработчик Эрик Лу придумал Ghost Font — шрифт, который могут прочитать люди, но не нейросети.

На самом деле это не совсем шрифт, а способ кодирования текста в анимированном видео с движущимися точками. Точки, из которых состоят буквы, движутся в одну сторону, а точки фона — в другую.

Наш мозг легко улавливает это движение и быстро складывает его в буквы. Поэтому человек практически сразу понимает текст.

А вот ИИ-модели разбивают видео на кадры, анализируют их как отдельные изображения и пытаются восстановить смысл. Но в каждом отдельном кадре букв нет.

При этом для нейросетей также добавляется «ложный текст», который они уже могут прочитать. Это служит дополнительной ловушкой для ИИ.

Даже самые мощные ИИ-модели Fable и GPT Sol 5.6 Ultra не могут прочитать настоящее сообщение.

Вы также можете [написать собственное послание] другу.

👉 @PortalToDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥41