Что такое Figma?
Figma — онлайн-редактор для дизайна интерфейсов. В нём рисуют макеты сайтов и приложений, собирают кликабельные прототипы и передают работу разработчикам, а несколько человек могут править один файл одновременно прямо в браузере.
Совместная работа — главное отличие Figma от прежних редакторов. Файл живёт в облаке, ссылка всегда ведёт на актуальную версию, комментарии остаются прямо на макете, и вопрос «где последний вариант?» просто исчезает.
Для разработчика Figma — источник спецификации: из макета видно размеры, отступы, цвета и шрифты, а компоненты и стили переносятся в код напрямую. Именно поэтому Figma стала отраслевым стандартом и первым инструментом, который осваивает начинающий дизайнер.
Связанные термины
UI (User Interface) — это визуальная часть продукта, через которую человек с ним взаимодействует: экраны, кнопки, поля, иконки, шрифты, цвета и отступы. UI-дизайнер отвечает за то, как продукт выглядит и как выглядят его состояния.
UXUX (User Experience) — это весь опыт человека при использовании продукта: насколько понятно, где находится нужное, сколько шагов занимает задача, что происходит при ошибке и остаётся ли ощущение, что цель достигнута без лишних усилий.
WireframeВайрфрейм — схематичный чертёж экрана без цвета, шрифтов и картинок: серые прямоугольники на месте блоков и подписи, что там будет. Он показывает структуру и приоритеты, а не внешний вид.
Design SystemДизайн-система — единый набор правил и готовых компонентов продукта: палитра, типографика, отступы, кнопки, поля, карточки, а также описание того, когда и как их применять. Она существует одновременно в макетах и в коде.