Easy Figma

Новые иконки в Figma UI3.

У Figma большое обновление:

1) Новый интерфейс
2) Добавили AI
3) Новый инструмент Figma Slides, для создания презентаций
4) Прокачали Dev Mod
5) Code Connect вышел из бета-версии
6) Умная компоновка
7) Просмотр адаптивных прототипов
8) Страницы в FigJam

https://figma.com/whats-new/

Подборка библиотек иконок для ваших проектов:

✦ iconic.app
✦ iconoir.com
✦ heroicons.com
✦ lucide.dev/icons/
✦ icons.radix-ui.com
✦ flowbite.com/icons/
✦ react-icons.github.io/react-icons/

Теперь нет необходимости детачить текстовый стиль, чтобы сделать текст жирным, наклонным или подчеркнутым.

⌘B или Ctrl+B = Жирный
⌘I или Ctrl+I = Курсив
⌘U или Ctrl+U= Подчеркнутый

Сложный параллакс-эффект на вариантах.

📱 Смотреть урок

Создаем ховер-эффект.

Курируемая галерея разнообразных дизайнерских решений навигационных панелей.

navbar.gallery

Тред в твиттере по созданию Accessibility интерфейса на основе маштабируемых шрифтов с помощью вариантов.

Для более быстрого редактирования сторон в Auto-layout можно зажать Cmd (на macOS) или Ctrl (на Windows) и кликнуть по полю.

Подборка бесплатных библиотек с минималистичными иконками.

→ hicon.me
→ iconoir.com
→ boxicons.com
→ mingcute.com
→ tabler-icons.io
→ remixicon.com
→ teenyicons.com
→ icons.download
→ feathericons.com
→ phosphoricons.com
→ supercons.vercel.app
→ atlasicons.vectopus.com
→ iconpark.oceanengine.com

Создаем стеклянный эффект.

Так же можно сделать с помощью плагина.

Добавляем разделитель страниц в Figma:

Создаем новую страницу и переименовываем ее в ---

Также можно перемещать несколько страниц, это можно сделать с зажатой клавишей Shift.

Более 100 бесплатных шейпов для оформления ваших работ.

Открыть в Community

Анимация интерфейса.

На майским можно пересмотреть Человека-паука с Тоби Магуайром.

Анимация спиннера.

Типографика с градиентами на вариантах.