Прототип: ввод суммы с клавиатуры в Figma

Пишу о продуктовом дизайне и рабочей кухне: UX‑паттерны, таблицы и формы, исследования и коммуникация в команде. Делюсь практическими шпаргалками по Фигме, разбором решений и кейсами «было/стало», которые экономят часы работы и спасают метрики. Больше пользы, меньше воды — рассказываю то, что обычно остаётся за кадром.

figmaпрототипввод суммы

Подсмотрела у коллеги, как она сделала прототип с возможностью ввода цифр с клавиатуры, и решила упороться, что ещё делать на выходных сделать тоже что-то такое. На прототипе можно вводить любую сумму с клавиатуры, по крестику или esc — сбрасывать. Сумма к оплате автоматически пересчитывается, а если выходим за доступное количество бонусов — доступные бонусы подсвечиваются красным.

Вообще пока это, конечно, всё ради фана, слишком много действий для такой простой штуки. Но когда-нибудь Фигма докрутит работу с переменными (чтобы можно было сохранять введенное значение, больше мат.операций, несколько действий на одно условие, циклы, ещё что-нибудь) — вот тогда прототипы станут по-настоящему интерактивными 😍

Сам файл тут

Скриншот интерфейса прототипа в Figma: поле ввода бонусов с крестиком для сброса, отметкой «у вас 1500 бонусов» и пересчитываемой суммой к оплате 1500 ₽.
Интерактивный ввод бонусов: поле для цифр, крестик для сброса и автоматически пересчитываемая сумма.

Дискуссия

Сергей Алексейчиков
Когда-нибудь фигмы станет настоящей IDE, где в DEV mode будет добавляться логика работы фронта и работа с API. После чего выгружаться сразу в TS/HTML/SCSS
Неразрывный чат
Сергей Алексейчиков
Когда-нибудь фигмы станет настоящей IDE, где в DEV mode будет добавляться логика работы фронта и работа с API. После чего выгружаться сразу в TS/HTML/SCSS
Ага, уверена, к чему-то подобному она придёт)
Александр Павлов
Сергей Алексейчиков
Когда-нибудь фигмы станет настоящей IDE, где в DEV mode будет добавляться логика работы фронта и работа с API. После чего выгружаться сразу в TS/HTML/SCSS
Ждём не дождёмся
Сергей Алексейчиков
Александр Павлов
Ждём не дождёмся
Ну кстати, тот же https://story.to.design уже вплоне неплох…
Александр Павлов
Сергей Алексейчиков
Ну кстати, тот же https://story.to.design уже вплоне неплох…
У нас пока руками :( проще разработчику заплатить чем за плагин. Того хотя бы попинать можно будет :)
Сергей Алексейчиков
Слушай, он столько стоит, что мы тоже руками
Присоединиться к обсуждению →

Читайте так же