Media is too big
VIEW IN TELEGRAM
У Figma появился собственный агент — он дизайнит прямо внутри основного окна сервиса: Figma Agent
Подключать сторонние ИИ больше не придётся.
Агент моментально изучает текущую дизайн-систему и быстро ориентируется между всеми фреймами. Ему можно поручить редактирование макета, поиск референсов или генерацию альтернативных вариантов дизайна.
В ближайшее время доступ начнут выдавать пользователям бета-версии.
Записаться в waitlist можно здесь: https://www.figma.com/join-waitlist/
👉 @PortalToDesign
Подключать сторонние ИИ больше не придётся.
Агент моментально изучает текущую дизайн-систему и быстро ориентируется между всеми фреймами. Ему можно поручить редактирование макета, поиск референсов или генерацию альтернативных вариантов дизайна.
В ближайшее время доступ начнут выдавать пользователям бета-версии.
Записаться в waitlist можно здесь: https://www.figma.com/join-waitlist/
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5❤1
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5❤1
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6❤2🌚1
This media is not supported in your browser
VIEW IN TELEGRAM
10 ДИЗАЙН-САЙТОВ, на которые стоит зайти на этих выходных (сохрани себе)
𝚠𝚒𝚛𝚎𝚝𝚎𝚡𝚝.𝚊𝚙𝚙
Инструмент для вайрфреймов в Unicode. Можно делиться как обычным текстом.
𝚜𝚖𝚊𝚕𝚕𝚋𝚒𝚝𝚜.𝚍𝚎𝚜𝚒𝚐𝚗
290+ пиксельных иконок в ограниченной сетке, где важна каждая точка.
𝚍𝚎𝚜𝚒𝚐𝚗𝚜𝚙𝚎𝚕𝚕𝚜.𝚌𝚘𝚖
Каталог приятных микро-взаимодействий из реальных приложений.
𝚖𝚊𝚡𝚒𝚋𝚎𝚜𝚝𝚘𝚏.𝚘𝚗𝚎/𝚝𝚢𝚙𝚎𝚏𝚊𝚌𝚎𝚜
Кураторская подборка шрифтов, взятых из реальных сайтов.
𝚝𝚢𝚙𝚎𝚠𝚘𝚕𝚏.𝚌𝚘𝚖
Определяет шрифты на топовых сайтах + еженедельные подборки типографики.
𝚏𝚘𝚗𝚝𝚊𝚜𝚝𝚒𝚌.𝚜𝚙𝚊𝚌𝚎
Шрифты из фильмов. Типографика из кино.
𝚊𝚗𝚘𝚝𝚑𝚎𝚛𝚐𝚛𝚊𝚙𝚑𝚒𝚌.𝚘𝚛𝚐
Архив графического дизайна и типографических решений.
𝚊𝚠𝚠𝚠𝚊𝚛𝚍𝚜.𝚌𝚘𝚖/𝚊𝚠𝚠𝚠𝚊𝚛𝚍𝚜/𝚌𝚘𝚕𝚕𝚎𝚌𝚝𝚒𝚘𝚗𝚜/𝚏𝚛𝚎𝚎-𝚏𝚘𝚗𝚝𝚜
Бесплатные шрифты для веб-проектов.
𝚐𝚘𝚍𝚕𝚢.𝚠𝚎𝚋𝚜𝚒𝚝𝚎
Кураторская витрина дизайн-сайтов уровня наград.
𝚕𝚊𝚠𝚜𝚘𝚏𝚞𝚡.𝚌𝚘𝚖
UX-принципы, которые можно читать как книгу.
👉 @PortalToDesign
𝚠𝚒𝚛𝚎𝚝𝚎𝚡𝚝.𝚊𝚙𝚙
Инструмент для вайрфреймов в Unicode. Можно делиться как обычным текстом.
𝚜𝚖𝚊𝚕𝚕𝚋𝚒𝚝𝚜.𝚍𝚎𝚜𝚒𝚐𝚗
290+ пиксельных иконок в ограниченной сетке, где важна каждая точка.
𝚍𝚎𝚜𝚒𝚐𝚗𝚜𝚙𝚎𝚕𝚕𝚜.𝚌𝚘𝚖
Каталог приятных микро-взаимодействий из реальных приложений.
𝚖𝚊𝚡𝚒𝚋𝚎𝚜𝚝𝚘𝚏.𝚘𝚗𝚎/𝚝𝚢𝚙𝚎𝚏𝚊𝚌𝚎𝚜
Кураторская подборка шрифтов, взятых из реальных сайтов.
𝚝𝚢𝚙𝚎𝚠𝚘𝚕𝚏.𝚌𝚘𝚖
Определяет шрифты на топовых сайтах + еженедельные подборки типографики.
𝚏𝚘𝚗𝚝𝚊𝚜𝚝𝚒𝚌.𝚜𝚙𝚊𝚌𝚎
Шрифты из фильмов. Типографика из кино.
𝚊𝚗𝚘𝚝𝚑𝚎𝚛𝚐𝚛𝚊𝚙𝚑𝚒𝚌.𝚘𝚛𝚐
Архив графического дизайна и типографических решений.
𝚊𝚠𝚠𝚠𝚊𝚛𝚍𝚜.𝚌𝚘𝚖/𝚊𝚠𝚠𝚠𝚊𝚛𝚍𝚜/𝚌𝚘𝚕𝚕𝚎𝚌𝚝𝚒𝚘𝚗𝚜/𝚏𝚛𝚎𝚎-𝚏𝚘𝚗𝚝𝚜
Бесплатные шрифты для веб-проектов.
𝚐𝚘𝚍𝚕𝚢.𝚠𝚎𝚋𝚜𝚒𝚝𝚎
Кураторская витрина дизайн-сайтов уровня наград.
𝚕𝚊𝚠𝚜𝚘𝚏𝚞𝚡.𝚌𝚘𝚖
UX-принципы, которые можно читать как книгу.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6❤3
10 принципов «fluid UI» (плавного интерфейса)
Практические советы по моушн-дизайну, чтобы интерфейсы ощущались вайбово в использовании.
- Анимация должна основываться на физике, а не на времени
- Каждая анимация должна быть прерываемой (interruptible)
Прямое управление важнее косвенного контроля
- Сохраняйте скорость (velocity) при переходе между жестами
- Используйте переходы с общими элементами (shared element transitions), чтобы сохранять пространственный контекст
- Реагируйте на способ ввода, а не только на размер экрана
- Анимируйте изменения layout’а, не «телепортируйте» UI
- Применяйте прогрессивное сопротивление на границах
- Постройте хореографию последовательностей, не показывайте всё сразу
- Учитывайте настройки предпочтений пользователя по анимациям
Читать статью от Karl Koch👇
10 Principles for Fluid UI
👉 @PortalToDesign
Практические советы по моушн-дизайну, чтобы интерфейсы ощущались вайбово в использовании.
- Анимация должна основываться на физике, а не на времени
- Каждая анимация должна быть прерываемой (interruptible)
Прямое управление важнее косвенного контроля
- Сохраняйте скорость (velocity) при переходе между жестами
- Используйте переходы с общими элементами (shared element transitions), чтобы сохранять пространственный контекст
- Реагируйте на способ ввода, а не только на размер экрана
- Анимируйте изменения layout’а, не «телепортируйте» UI
- Применяйте прогрессивное сопротивление на границах
- Постройте хореографию последовательностей, не показывайте всё сразу
- Учитывайте настройки предпочтений пользователя по анимациям
Читать статью от Karl Koch
10 Principles for Fluid UI
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2👍2
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10😁7
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4
This media is not supported in your browser
VIEW IN TELEGRAM
Figma обновила сетки
→ Перетаскивайте колонки и строки для изменения порядка
→ Автоматическое позиционирование
→ Автоматическое создание строк
👉 @PortalToDesign
→ Перетаскивайте колонки и строки для изменения порядка
→ Автоматическое позиционирование
→ Автоматическое создание строк
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4