Как сделать кнопку в фигма?

Создайте текст, примените Shift+A и задайте контейнеру Auto layout заливку и внутренние отступы. Режим Hug contents позволит кнопке расширяться вслед за подписью.

Начните с одной текстовой надписи, например Продолжить, выделите её и примените Shift+A. Вокруг текста появится контейнер с Auto layout. Теперь настройте его заливку и скругление, а в параметрах компоновки задайте внутренние отступы. Для учебной кнопки можно попробовать 16 по горизонтали и 8 по вертикали, затем оценить результат рядом с остальными элементами интерфейса. Ширину и высоту контейнера установите в Hug contents, если кнопка должна подстраиваться под содержимое. Проверьте это простой заменой подписи: вместо Продолжить напишите Перейти к оплате. Контейнер должен расшириться, сохранив поля вокруг текста. Если он остался фиксированной ширины, убедитесь, что меняете размер именно контейнера, а не свойства текстового слоя. Обратите внимание на контраст подписи и фона, расстояние до соседних кнопок и то, различимы ли разные действия. Слишком длинное название иногда лучше сократить, чем бесконечно расширять элемент. Например, пояснение о следующем шаге можно вынести рядом, оставив на самой кнопке понятный глагол. Пока вы собрали визуальную кнопку в Design. Это ещё не подключает отправку формы, сетевой запрос или переход на другой экран. Для демонстрации перехода назначают взаимодействие в прототипе, а в готовом продукте поведение реализуется средствами выбранной платформы. На этапе макета полезно сначала добиться правильного размера на короткой и длинной подписи. После этого уже имеет смысл превращать проверенный элемент в повторно используемый компонент или добавлять другие состояния.