Нарисовать треугольник в фигме

Основы работы в Figma

Нарисовать треугольник в фигме

Основы работы в Figma, создаем простые фигуры.

В этом уроке мы рассмотрим с вами создание простых фигур в Figma, таких как овал, прямоугольник, треугольник, звезда и т.д.

Фигуры в векторной графике также называют еще и шейпами.

Видео:МНОГОУГОЛЬНИК В FIGMA. «Polygon». Как сделать треугольник, ромб, пятиугольник | Уроки фигмаСкачать

МНОГОУГОЛЬНИК В FIGMA. «Polygon».  Как сделать треугольник, ромб, пятиугольник | Уроки фигма

Создание фигур в Figma

Нарисовать треугольник в фигме

Чтобы создать фигуру в Figma, нужно:

  • Кликнуть по стрелке возле квадрата
  • Выбрать нужную фигуру в панели инструментов, например звезду
  • Поместить курсор мыши на рабочую область
  • Зажать левую кнопку мыши и потянуть вправо и вниз

Зажав горячую клавишу Shift , можно создать фигуру с равной шириной и высотой, например квадрат вместо прямоугольника или круг вместо овала.

Видео:Figma — фигуры | Линия, Стрелка, Эллипс, прямоугольник, многоугольник, звездаСкачать

Figma — фигуры | Линия, Стрелка, Эллипс, прямоугольник, многоугольник, звезда

Перемещение фигур

Нарисовать треугольник в фигме

Чтобы перемещать фигуры по рабочей области Figma, нужно:

  • Выбрать инструмент Move V
  • Кликнуть один раз по фигуре (выбрать её)
  • Затем кликнуть второй раз по фигуре и не отпуская кнопку мыши, переместить фигуру в нужное место

Видео:6 урок по Figma — Инструмент Перо и работа с вектором [Figma уроки]Скачать

6 урок по Figma — Инструмент Перо и работа с вектором [Figma уроки]

Свойства фигур

Нарисовать треугольник в фигме

Любую фигуру можно залить определённым цветом, создать обводку, добавить эффект тени и многое другое.

Всё это мы подробней изучим в следующих уроках, когда будем изучать каждый инструмент и его свойства в отдельности.

Видео:Как нарисовать векторные иконки для сайта или приложения в Figma (бесплатный урок для новичков)Скачать

Как нарисовать векторные иконки для сайта или приложения в Figma (бесплатный урок для новичков)

Как сделать прямоугольный треугольник

В Figma есть инструмент для создания треугольников «Polygon», но с его помощью нельзя сделать прямоугольный треугольник.

Однако задача легко решается с помощью инструмента Перо (горячая клавиша P).

  1. Выбираем перо
  2. Кликаем: ставим точку — это будет первый угол при гипотенузе
  3. Зажимаем Shift и смещаем курсор ровно вниз
  4. Кликаем: ставим вторую точку — это прямой угол
  5. Снова зажимаем Shift и смешаем курсор в сторон
  6. Кликаем: ставим третью точку — это будет второй угол при гипотенузе
  7. Отпускаем Shift, и кликаем в первую точку, замыкая треугольник

Видео
Тег video не поддерживается вашим браузером.
Скачайте видео.

Далее для этого вектора вам доступны все опции: заливка, обводка и так далее.

Как сделать так, чтобы контур стал частью фигуры, читайте здесь.

Зажимая Shift вы включаете режим привязок, в котором Фигма округляет угол наклона линии с кратностью 45 градусов: 0, 45, 90 и так далее.

Играй бесплатно в браузере!

Заполните форму, мы сделаем иконку
и добави ее в коллекцию

Видео:ЛИНИИ В FIGMA. Как сделать пунктирные, волнистые, сплошные | Уроки фигма на русскомСкачать

ЛИНИИ В FIGMA. Как сделать пунктирные, волнистые, сплошные | Уроки фигма на русском

Стрелки в фигме: инструкция как сделать стрелку в Figma

Если вы интересуетесь тем, как сделать стрелки в фигме, то вот вам пошаговая инструкция. Поговорим об инструменте «Arrow». Как сделать стрелки прямыми, изогнутыми, пунктирными. Расскажу как стрелки на концах сделать в виде линии и треугольника. Ниже видео и статья в текстовом формате со скриншотами.

Видео:Как Создавать Векторные Формы в Figma...Скачать

Как Создавать Векторные Формы в Figma...

Как сделать стрелку в фигме

Нарисовать треугольник в фигме

Чтобы сделать (нарисовать) стрелку в фигме, выберите сверху слева в панели инструментов «Line» или нажмите на комбинацию горячих клавиш «Shift + L». Затем с зажатой левой клавишей мыши нарисуйте стрелку нужной длинны.

Видео:Уроки Figma | Как рисовать в фигме векторную графикуСкачать

Уроки Figma |  Как рисовать в фигме векторную графику

Как изменить цвет и размер стрелки в фигме?

Нарисовать треугольник в фигме

Чтобы изменить цвет стрелки в фигме, выберите нужную стрелку и в правой панели внизу надписи «Stroke» задайте другое значение цвета. В том же месте можно изменить толщину стрелки. Изначально создается стрелка толщиной в 1 px.

Видео:Cтрелки в Figma. 3 способа нарисовать разные стрелки в Фигме быстро.Скачать

Cтрелки в Figma. 3 способа нарисовать разные стрелки в Фигме быстро.

Как изменить конец стрелки в Figma (скруглить, сделать квадратной)

Нарисовать треугольник в фигме

Чтобы появилась возможность отредактировать стрелку в Figma, выберите её, затем сверху по центру нажмите на иконку «Edit object». Также можно нажать на клавишу «Enter».

Нарисовать треугольник в фигме

Если выберите какой-то конец стрелки, затем в правой панели нажмёте на иконку с тремя точками, то можно задавать различные значения для конца.

Нарисовать треугольник в фигме

Если выберите значение «Round» из списка, то конец стрелки будет скругленным.

Нарисовать треугольник в фигме

При выборе значения «Square», конец будет квадратным.

Нарисовать треугольник в фигме

Если зададите значение «Line arrow», появится стрелка в виде линии.

Нарисовать треугольник в фигме

Нужна стрелка в виде треугольника? Выберите значение «Triangle arrow».

Нарисовать треугольник в фигме

Если хотите сделать стрелку с пунктирными линиями, то внизу напротив надписи «Dashes» укажите значение в цифрах. Например если зададите «10, 20», то появится пунктирная линия длинной в 10 px и разрывом между линиями 20 px.

Видео:Рисуем необычные фигуры в Фигме без плагиновСкачать

Рисуем необычные фигуры в Фигме без плагинов

Как сделать стреку в Figma изогнутой?

Нарисовать треугольник в фигме

Чтобы сделать стрелку в Figma изогнутой, выберите её, затем сверху по центру активируйте иконку «Edit object».

Нарисовать треугольник в фигме

Появится возможность добавлять точки по центру отрезка линии.

Нарисовать треугольник в фигме

Если потяните созданную точку в сторону или вниз, то создадите изогнутую линию у стрелки.

Нарисовать треугольник в фигме

Чтобы задать скругление созданного угла, выберите иконку «Bend tool» сверху, слева. Затем потягите точку в сторону.

Видео:Figma - как создать логотип в фигмеСкачать

Figma - как создать логотип в фигме

Заключение

Итак, сегодня вы узнали, как делать стрелки в Figma.

📺 Видео

Фигуры в Figma || Урок #2Скачать

Фигуры в Figma || Урок #2

Как рисовать в Фигме векторные картинки | Уроки FigmaСкачать

Как рисовать в Фигме векторные картинки | Уроки Figma

Как использовать текстуры и режимы наложения ? 🤔 | FigmaСкачать

Как использовать текстуры и режимы наложения ? 🤔 | Figma

Фоновые элементы в Figma // Паттерн за 2 минуты // Дизайн backgroundСкачать

Фоновые элементы в Figma // Паттерн за 2 минуты // Дизайн background

Figma. Как рисовать иконки. Гайдлайны, теория и практика.Скачать

Figma. Как рисовать иконки. Гайдлайны, теория и практика.

Анастасия А и Мария Батулина. Как ставить цели и достигать желаемого? Алгоритм НейроцельСкачать

Анастасия А и Мария Батулина. Как ставить цели и достигать желаемого? Алгоритм Нейроцель

Как сделать в Фигме круговые диаграммы и прогресс барыСкачать

Как сделать в Фигме круговые диаграммы и прогресс бары

Как сделать изогнутую линию в фигме: пунктирные, волнистые, точкамиСкачать

Как сделать изогнутую линию в фигме: пунктирные, волнистые, точками

Рисуем svg иконки в FigmaСкачать

Рисуем svg иконки в Figma

Как создать эффект волн в FIGMAСкачать

Как создать эффект волн в FIGMA
Поделиться или сохранить к себе: