This media is not supported in your browser
VIEW IN TELEGRAM
В Figma теперь можно зацикливать дорожки свойств (Property Tracks) на таймлайне Motion.
Для этого щёлкните правой кнопкой мыши по любой дорожке свойства и выберите "Loop Track".
Также к таким дорожкам можно привязываться (snap), удерживая Shift, либо при перетаскивании конца области воспроизведения (Playback Area).
👉 @PortalToDesign
Для этого щёлкните правой кнопкой мыши по любой дорожке свойства и выберите "Loop Track".
Также к таким дорожкам можно привязываться (snap), удерживая Shift, либо при перетаскивании конца области воспроизведения (Playback Area).
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10🔥2❤1
This media is not supported in your browser
VIEW IN TELEGRAM
Вот почему нативные меню ощущаются намного удобнее, чем кастомные.
Prediction Cone (или Safe Triangle) — это невидимая область, которая не позволяет подменю закрыться, когда вы ведёте курсор по диагонали к вложенному меню.
Красивое решение.👏
👉 @PortalToDesign
Prediction Cone (или Safe Triangle) — это невидимая область, которая не позволяет подменю закрыться, когда вы ведёте курсор по диагонали к вложенному меню.
Красивое решение.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9❤1🔥1
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥12❤2
This media is not supported in your browser
VIEW IN TELEGRAM
Сайдбар для любого продукта.
Посмотрите, как он адаптируется от CRM до HR и DeFi: плавно переключается между полноценной панелью с подписями и компактной вертикальной панелью с иконками, поддерживает сгруппированную навигацию и показывает тултипы в свернутом режиме.
👉 @PortalToDesign
Посмотрите, как он адаптируется от CRM до HR и DeFi: плавно переключается между полноценной панелью с подписями и компактной вертикальной панелью с иконками, поддерживает сгруппированную навигацию и показывает тултипы в свернутом режиме.
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
Несколько интересных цифр. Уже 41% специалистов считают, что AI заметно изменил командную работу. Два года назад такого мнения придерживались всего 7%. Дизайнеры всё чаще участвуют в разработке: за год этот показатель вырос с 21% до 41%. Разработчики, в свою очередь, всё активнее вовлекаются в дизайн — с 44% до 60%. При этом 76% респондентов выполняют как минимум половину своей работы прямо на общем canvas, а 60% проводят там большую часть рабочего времени.
В Figma считают, что с развитием AI роль дизайна становится только важнее. Генерировать интерфейсы, код и контент становится всё проще, однако именно люди по-прежнему принимают ключевые решения: что вообще стоит создавать, как продукт должен работать и какие компромиссы выбрать. По данным исследования, 90% участников считают, что значимость дизайна не снизилась с приходом AI, а почти шесть из десяти уверены, что она даже выросла.
Ещё один важный вывод отчета касается внедрения AI в компаниях. Наиболее успешными оказываются организации, где изменения происходят одновременно снизу — по инициативе команд, и сверху — при поддержке руководства. В этом случае AI становится частью общих процессов компании, а не набором личных приёмов отдельных сотрудников.
Please open Telegram to view this post
VIEW IN TELEGRAM
Figma
Figma’s 2026 AI report | Figma
The new era of multiplayer design.
❤3🔥3
Новый навык /apple-design поможет применять принципы дизайна Apple на практике
Появился новый навык /apple-design, основанный на материалах конференции WWDC от Apple. Его автор изучил лучшие доклады о дизайне и собрал 17 ключевых принципов дизайна и анимации, которые лежат в основе пользовательского опыта продуктов Apple.
👉 @PortalToDesign
Появился новый навык /apple-design, основанный на материалах конференции WWDC от Apple. Его автор изучил лучшие доклады о дизайне и собрал 17 ключевых принципов дизайна и анимации, которые лежат в основе пользовательского опыта продуктов Apple.
Please open Telegram to view this post
VIEW IN TELEGRAM
GitHub
GitHub - emilkowalski/skills: Skills for Design Engineers.
Skills for Design Engineers. Contribute to emilkowalski/skills development by creating an account on GitHub.
👍4🔥2
Некоторые из моих любимых UI-библиотек:
NumberFlow — для анимации чисел.
input-otp — для полей ввода одноразовых кодов (OTP).
Liveline — для графиков в реальном времени.
Leva — для создания настраиваемых GUI.
cmdk — для командных меню (command menu).
Virtuoso — для виртуализации списков.
dnd kit — для реализации drag-and-drop.
Sonner — для toast-уведомлений.
👉 @PortalToDesign
NumberFlow — для анимации чисел.
input-otp — для полей ввода одноразовых кодов (OTP).
Liveline — для графиков в реальном времени.
Leva — для создания настраиваемых GUI.
cmdk — для командных меню (command menu).
Virtuoso — для виртуализации списков.
dnd kit — для реализации drag-and-drop.
Sonner — для toast-уведомлений.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3
Please open Telegram to view this post
VIEW IN TELEGRAM
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
🔥5❤2
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
На самом деле это не совсем шрифт, а способ кодирования текста в анимированном видео с движущимися точками. Точки, из которых состоят буквы, движутся в одну сторону, а точки фона — в другую.
Наш мозг легко улавливает это движение и быстро складывает его в буквы. Поэтому человек практически сразу понимает текст.
А вот ИИ-модели разбивают видео на кадры, анализируют их как отдельные изображения и пытаются восстановить смысл. Но в каждом отдельном кадре букв нет.
При этом для нейросетей также добавляется «ложный текст», который они уже могут прочитать. Это служит дополнительной ловушкой для ИИ.
Даже самые мощные ИИ-модели Fable и GPT Sol 5.6 Ultra не могут прочитать настоящее сообщение.
Вы также можете [написать собственное послание] другу.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4❤1