Вы к кому относитесь?

👉 @PortalToDesign

Figma обновила сетки

→ Перетаскивайте колонки и строки для изменения порядка
→ Автоматическое позиционирование
→ Автоматическое создание строк

👉 @PortalToDesign

Fantasy Map Generator — а то браузерный генератор для создания несуществующих карт

👉 @PortalToDesign

getyarn — сервис который ищет сцену с нужными словами в разных фильмах, работает только на английском

👉 @PortalToDesign

Совет по UI-дизайну: не копируйте floating labels из Google Material Design

Каждый раз, когда я делюсь советами по дизайну форм, мне задают один и тот же вопрос:
«Почему бы просто не использовать floating labels из Material Design от Google? Это же лучший вариант».

Да, выглядят они аккуратно, занимают меньше места и имеют эффектную анимацию перехода. Но действительно ли они работают лучше обычных label’ов в формах?

Нет.

Вот почему:

❌ Поле может выглядеть уже заполненным, из-за чего пользователь может случайно пропустить его.
❌ Анимация может отвлекать и дезориентировать некоторых пользователей.
❌ После активации уменьшенный label становится трудно читать.
❌ Длинные labelы обрезаются.

✅ Вместо этого лучше просто размещать короткий и понятный label над полем ввода. Просто и понятно.

Интересно наблюдать, как подобные проблемные паттерны дизайна становятся настолько массовыми.

Очередной случай, когда дизайнеры ставят форму выше функциональности?

👉 @PortalToDesign

Говорят, что именно эти иконки Google являются правильными. А то, что сейчас находится в продакшене, выкатили по недосмотру 😮

👉 @PortalToDesign

А ещё Figma Make теперь умеет работать с локальным кодом (пока в бета-версии).

Вы можете подключить собственный кодовый репозиторий, визуально редактировать код с точечными изменениями, создавать ветки, делать коммиты и деплоить изменения напрямую из Figma.

👉 @PortalToDesign

Paper — сервис для создания эффекта жидкого метала

👉 @PortalToDesign

Правильный радиус скругления углов: внешний = внутренний + отступ (padding). Не задавайте им одинаковое значение!

👉 @PortalToDesign

Быстро и просто создаём эффект разбитого текста в Figma.

👉 @PortalToDesign