Создаем карточку с Auto Layout в Figma

Используем функцию Auto Layout для создания композиции элементов интерфейса.
1. Начнем с создания прямоугольника и добавим текст "Hello!".
2. Затем, преобразуем эти два элемента в Auto Layout контейнер, чтобы управлять ими как одним объектом.
3. Зададим отступы по вертикали и горизонтали, чтобы выровнять их внутри контейнера и между собой для пространства между текстом и прямоугольником.
4. Зальем Auto Layout контейнер в белый цвет (#FFFFFF), чтобы изменить его фон.
5. Далее, используем плагин Unsplash, чтобы выбрать произвольную картинку и добавить ее в Auto Layout.
6. Также используем плагин Iconify, чтобы выбрать векторную иконку "star" и поместили ее внутрь контейнера.
7. Создадим кнопку и добавим ее в Auto Layout контейнер, чтобы легко управлять ее расположением вместе с другими элементами интерфейса.
Этот процесс демонстрирует эффективное использование Auto Layout в Figma для создания композиций интерфейса, которые легко масштабируются и управляются.