🎨 Эффект Матрицы в Figma — делаем сами

Видел такие плашки с зелёным кодом на фоне? Вот как это делается — за несколько шагов прямо в Figma ✨

1️⃣ Рисуем код
Пишем цифры (или иероглифы, или буквы — можно экспериментировать) в строку. Повторяем несколько рядов.

2️⃣ Делаем каждую цифру вектором
Выделяем текстовый блок → правая кнопка → Outline Stroke. Потом Ungroup — теперь каждая цифра отдельный объект.

3️⃣ Создаём эффект матрицы
Запускаем плагин Property Randomizer → выбираем Opacity → Random → жмём Run несколько раз, пока результат не устроит. Цифры получают разную прозрачность — выглядит как настоящий код 🤫

4️⃣ Красим и добавляем глубину
Выделяем всё → меняем цвет на зелёный → добавляем Drop Shadow. Группируем.

5️⃣ Делаем волну
Плагин 3D Wave: Soften everything like fabric → настраиваем ползунки под себя → Generate. Код начинает «течь».

6️⃣ Собираем плашку
Добавляем карточку, текст, цифры — и всё, крутой UI-элемент готов 🚀

Сохраняй, чтобы не потерять — пригодится в следующем проекте 💚