Задать вопрос
@yskl24
figma

Как в Figma нарисовать такую кнопку?

Не могу понять как в фигме нарисовать прозрачную кнопку наподобие этой?

5f3c080911500523686658.png
  • Вопрос задан
  • 1976 просмотров
Комментировать
Подписаться 1 Средний Комментировать
Пригласить эксперта
Ответы на вопрос 3
Minuvi
@Minuvi
Good UI Designer
У элемента выключить fill, включить stroke

5f3c09b7c7219241592904.png
Ответ написан
1 комментарий
1 комментарий
Figma-designer
@Figma-designer
1) Я бы рекомендовал вам использовать для кнопок Auto Layout - чтобы по-человечески задать отступы, а также не изменять вручную ширину кнопки в зависимости от текста кнопки.
2) Уже для фрейма с автовыравниванием задать скругление и цвет контура.
Ответ написан
Комментировать
Комментировать
NewWingsAsya
@NewWingsAsya
Веб-дизайн, интерфейсы и бренд-айдентика.
Принцип такой: Сначала убираем заливку/ fill, затем добавляем обводку/ stroke. Получается прозрачная контурная кнопка 5fa328042d5a7790114618.gif
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Product Designer
WOWREELS
от 1 000 до 1 500 $
Дизайнер - перфекционист
Дай Доступ!
от 25 000 ₽
Product designer 🔥
Fundraise Up
от 3 200 до 5 300 $
Ещё вакансии
Заказы с Хабр Фриланса
Расшифровать требуемые параметры из CAN-шины авто Chery Tiggo 7 Pro
23 дек. 2024, в 00:27
20000 руб./за проект
Отправка команды на (раз)блокировку двигателя Chery Tiggo 7 Pro
23 дек. 2024, в 00:15
20000 руб./за проект
Собрать из исходного кода и запустить в докере рабочее приложение с бд
22 дек. 2024, в 22:57
500 руб./за проект
Ещё заказы