Простая Figma

Базовых эффектов в Figma всего два — тени и размытие. Но с помощью них дизайнеры создают элементы интерфейса, которые очень похожи на реальные аналоги и помогают людям понять, как пользоваться приложением. О том, где найти все эти эффекты и как их настроить, — читайте в нашей инструкции. Тени Drop Shadow — внешняя тень, подходит для отделения объекта от фона. Inner Shadow — внутренняя, подходит для создания объёмных объектов: Чтобы добавить тень, в разделе Effects нажмите на плюсик. По умолчанию...

Рассказываем, как её настроить и использовать сразу в нескольких макетах. Как включить сетку Модульную сетку можно включить только у фрейма. Если ваш макет свёрстан в группе, её можно быстро превратить в фрейм: Чтобы включить сетку, выделите фрейм и на панели настроек нажмите на плюсик в блоке Layout Grid. Форматы сеток Grid — простая пиксельная сетка в клетку. По умолчанию Figma включает именно её с шагом в десять пикселей: Columns — колонки. Делит макет вертикально: Rows — строки. Делит макет...

Часто Figma ассоциируется только с проектированием интерфейсов. Однако в ней можно рисовать полноценные иллюстрации и векторные иконки. Прежде чем рисовать, важно разобраться, как работают инструменты для создания векторных иллюстраций. Если вы уже всё о них знаете — Сразу переходите к практике. Если нет — читайте нашу инструкцию. Для начала нарисуйте простой квадрат: 1. На панели инструментов нажмите на иконку пера и кликните в любую часть макета. 2. Кликните ещё раз в любую другую часть макета, и у вас появится линия...

Для начала создадим фрейм, допустим 800х500 пикселей и зальем его каким-нибудь цветом. Например зеленым. Теперь внутри фрейма создадим прямоугольник или квадрат. Из него мы будем делать наше прозрачное стекло. Я создам квадрат 300х300px белого цвета. Добавим для этого слоя эффект Backgound Blur (размытие заднего фона). Затем, нажав на «солнышко» выставим силу размытия на 15 Все почти готово. Для наглядности, давайте добавим на задний фон какую-нибудь картинку или текст, чтобы эффект был более заметен...

Чтобы максимально эффективно использовать Figma, необходимо использовать плагины. В этой статье мы расскажем о самых полезных плагинах для Figma. Stark - это плагин для проверки доступности цветовой гаммы, контрастности и чтения для людей с нарушением зрения. С помощью Stark вы можете убедиться, что ваши цвета настраиваются на максимально доступный уровень для всех пользователей, что позволяет сделать ваш продукт более доступным. 2. Unsplash Unsplash - это плагин, который позволяет быстро и легко найти качественные фотографии для использования в дизайне. Вы можете использовать Unsplash, чтобы быстро найти подходящие изображения для вашего проекта и добавить их в документ Figma...