Figma — это редактор векторной графики и инструмент для создания прототипов — первый инструмент для проектирования интерфейсов с возможностью совместной работы в режиме реального времени. Это то же самое, что вы используете для создания пользовательских интерфейсов в Sketch, но гораздо лучше. И это бесплатно.
В Figma есть все, что нужно для создания потрясающих пользовательских интерфейсов. Но как на самом деле создавать кадры в Figma?
Первый шаг — это создание нового фрейма. Для этого нажмите на значок «+» в левой боковой панели и выберите «Новый фрейм» из выпадающего меню. Также вы можете нажать сочетание клавиш «Cmd/Ctrl + N».
После создания рамки можно начать добавлять в нее элементы. Для этого нажмите на иконку «Добавить» на панели инструментов и выберите тип элемента, который вы хотите добавить, из выпадающего меню. Также вы можете нажать сочетание клавиш «Cmd/Ctrl + Shift + A».
Существует три типа элементов, которые можно добавить в рамку: векторные фигуры, растровые изображения и текст. Векторные фигуры идеально подходят для создания простых иллюстраций или иконок.
Растровые изображения лучше всего подходят для фотографий или сложных иллюстраций. А текст отлично подходит для добавления меток или инструкций.
ПРО СОВЕТ: Если вы не будете осторожны, вы легко можете создать в Figma слишком маленькую или слишком большую рамку для вашего содержимого. Перед добавлением содержимого убедитесь в правильности размера рамки.
После добавления элемента в рамку его можно переместить или изменить его размер с помощью инструмента выделения. Для этого щелкните элемент и перетащите его в нужное место. Также можно использовать клавиши со стрелками на клавиатуре, чтобы подтолкнуть его на место.
Чтобы изменить размер элемента, щелкните на нем и перетащите одну из ручек, которые появляются по его краям. Также можно воспользоваться сочетанием клавиш «Cmd/Ctrl + Shift + R».
Вы также можете изменить свойства элемента с помощью панели «Инспектор». Для этого выделите элемент, а затем перейдите на вкладку «Инспектор» в правой боковой панели. Здесь можно изменить цвет элемента, вес обводки или семейство шрифтов.
**
Figma — это мощный инструмент для создания красивых пользовательских интерфейсов.
**