Как зарегистрироваться на фигме бесплатно

Получаем PRO-аккаунт в Figma бесплатно

Салют с вами Akseonowww и сегодня я расскажу как пользоваться PRO-версией Figma абсолютно бесплатно!

Если вы не зарегестрированы на сайте figma.com, то летс гоу. Зарегаться вы сможете через гугл аккаунт или почту. Удачи, а мы продолжим.

Переходим на сайт figma.com/education. Figma предлагает 2 года бесплатного использования для образовательных учреждений и нам это на руку. Жмём Apply now («Применить сейчас»).

Теперь нам нужно оформить заявку. Для первого вопроса выбираем Student (студент), для второго вводим такой текст:

Because I saw a post on the pick-up, and decided not to screw up the opportunity to get something for free (NO).

I study web design at my university, and I really want to try the possibilities of your program. Looked at examples of work — inspires.

Для третьего выбираем ABM University College (Университетский колледж ABM), дальше Graphic/Visual Design (Графический/Визуальный дизайн). Дату выбираем August (август) и, допустим сейчас 2021, прибавляем к году 2 — 2023 — наш ответ, в 2022 выберем 2024, в 2023 — 2025 и так далее. Осталось нажать Submit.

Мы увидим сообщение, что результаты заявки будут известны в письме, которое придёт на почту через 24 часа.

У меня сработало с первого раза, но если вам отказали, проверьте, возможно, вы допустили ошибку при оформлении заявки. Вот ссылка: https://www.figma.com/education/apply.

Письмо мы получили, а значит самое трудное позади. Открыв письмо, жмём на ссылку these classroom templates (шаблоны классной комнаты).

Нас перебросит на страницу с шаблонами — нам это не интересно. Переходим в наш рабочий стол.

Если вы начали пользоваться Figma после 21 апреля 2021 года, то всё ок и пропустите примечание.

Если вы пользовались Figma до 21 апреля — как я, то у вас не будет плашки про обновления. Почему 21? Figma ввела ограничения именно 21 апреля, о которых писал журнал дизайнеров UXPUB, вот ссылка на статью. Соль в том, что по своей статистике Figma решила обрезать кол-во папок у одной команды: раньше было 3, а сейчас 2. Хорошо, что Figma не удалила эти папки, а оставила с надоедливыми метками: «Извините удалите пожалуйста, так больше низя». Ладно Figma крутая. КРЧ: ищем кнопку со словом Upgrade (Обновление). Обычно она именно в папках с меткой.

Продолжим. Фуф устал уже писать эту статью… Там дальше не сложно нужно будет только кнопочки нажимать. Делайте всё по моим скринам:

Источник

Figma — что это за программа и как в ней работать

Как зарегистрироваться на фигме бесплатно. figma chto eto za programma 12. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-figma chto eto za programma 12. картинка Как зарегистрироваться на фигме бесплатно. картинка figma chto eto za programma 12

Фигма — это популярный кроссплатформенный графический редактор для UX UI дизайнеров и веб разработчиков, с помощью которого можно создавать дизайн сложных интерфейсов, веб сайтов и мобильных приложений. А также в ней можно создавать интерактивные прототипы и небольшие анимации. В этой статье я подробно познакомлю вас с Figma — что это за программа, как в ней работать, чем отличается figma от photoshop и многое другое.

Figma — что это за программа простыми словами

Как я уже сказал, Figma — это удобный графический редактор для веб-дизайнеров и дизайнеров интерфейсов. Но по мимо дизайнеров, ей часто пользуются верстальщики и веб-разработчики для работы с макетами и переносом дизайна в HTML и CSS.

У фигмы есть 2-е отличительные особенности:

По большому счету, можно сказать, что фигма — это веб-сервис, а не программа, хотя есть возможность установить и приложение на компьютер и работать там. Благодаря своей простоте и удобству, большинство дизайнеров делают свой выбор в пользу Figma.

Видео-урок знакомства с интерфейсом Figma:

Также у фигмы есть огромное сообщество, которое с каждым годом только растет. Благодаря этому, figma постоянно улучшает свой интерфейс и периодически «выкатывает» своим пользователям новые фичи, которые упрощают работу над созданием дизайна.

Весь интерфейс программы выполнен на английском языке. То есть русской версии нет. Также как нет русификаторов и других «кряков». Если вы не знаете английского, то возможно первое время вам будет немного непривычно. Но я вас уверяю, через 2-3 дня работы вы будете хорошо в ней ориентироваться и без русской версии, потому что фигма достаточно интуитивная и удобная программа.

Figma — платная или бесплатная программа

Figma является условно бесплатным графическим редактором. Почему условно? Потому что помимо бесплатного тарифа у нее есть и платные. Если вы начинающий дизайнер, то вам с лихвой хватит бесплатной версии, потому что там есть весь функционал, необходимый для работы.

Как зарегистрироваться на фигме бесплатно. figma chto eto za programma 1. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-figma chto eto za programma 1. картинка Как зарегистрироваться на фигме бесплатно. картинка figma chto eto za programma 1

Другими словами, бесплатная версия фигмы позволяет вам комфортно работать над проектами без каких-либо существенных ограничений. Платные тарифы имеет смысл покупать лишь тогда, когда планируется работа над крупными проектами с участием команды дизайнеров. А также, когда необходим контроль версий для проектов более чем 30 дней.

Если вы, например, фрилансер, и у вас есть постоянный поток клиентов и хороший доход, то в этом случае тоже имеет смысл купить платную версию, потому что в ней есть некоторые плюшки. Подробнее про тарифы и чем они отличаются друг от друга мы поговорим ниже.

Возможности Фигмы

Многопользовательский доступ к файлам

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

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

Теперь, с помощью многопользовательского режима редактирования, команда дизайнеров может совершенно спокойно работать над одним проектом и видеть все актуальные изменения. Более того, у каждого дизайнера есть возможность просматривать версии проекта и наглядно видеть все вносимые правки.

Для работы с другими дизайнерами нужно сначала создать команду. Делается это с помощью функции «New Team» в левом нижнем углу интерфейса.

Как зарегистрироваться на фигме бесплатно. figma chto eto za programma 2. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-figma chto eto za programma 2. картинка Как зарегистрироваться на фигме бесплатно. картинка figma chto eto za programma 2

Далее пишите название команды.

Как зарегистрироваться на фигме бесплатно. figma chto eto za programma 3. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-figma chto eto za programma 3. картинка Как зарегистрироваться на фигме бесплатно. картинка figma chto eto za programma 3

Добавляете участников команды путем ввода их электронных адресов. Здесь нужно указывать те e-mail адреса, по которым ваши коллеги зарегистрированы в фигме.

Как зарегистрироваться на фигме бесплатно. figma chto eto za programma 4. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-figma chto eto za programma 4. картинка Как зарегистрироваться на фигме бесплатно. картинка figma chto eto za programma 4

И заключительный шаг — выбираете тариф. На бесплатном тарифе есть возможность создавать только 3 проекта, у которого будет многопользовательский доступ.

Как зарегистрироваться на фигме бесплатно. figma chto eto za programma 5. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-figma chto eto za programma 5. картинка Как зарегистрироваться на фигме бесплатно. картинка figma chto eto za programma 5

Облачное хранение данных в Фигме

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

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

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

Главное правило — если в процессе работы отключили интернет, то не закрывайте программу, а дождитесь соединения с интернетом.

Компоненты

Компоненты не являются особенностью фигмы, потому что возможность работы с компонентами есть и в других похожих редакторах (Adobe XD, Sketch). Но этот момент стоит выделить, потому что компоненты значительно упрощают работу над дизайном.

Компонент — это элемент дизайна, с помощью которого можно легко вносить изменения во все макеты сразу. Принцип работы у него следующий: создается мастер-компонент (например, из кнопки) и для него задаются определенные стили (цвет, форма и так далее).

Далее мастер-компонент клонируется, создавая дочерние компоненты (их может быть сколько угодно). Затем, если нам нужно, например, поменять цвет всех кнопок, то мы меняет цвет в мастер-компоненте и все изменения применяются для всех дочерних компонентов во всем макете. Таким образом, буквально в пару кликов мы можем легко и быстро вносить изменения в дизайн.

История версий в Figma

Полезная функция Figma, позволяющая просматривать предыдущие версии проекта. При этом есть возможность восстановить любую из версий или сделать дубликат. Каждая новая версия проекта создается автоматически, если в течение 30 минут проект находился без изменений.

Как зарегистрироваться на фигме бесплатно. figma chto eto za programma 11. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-figma chto eto za programma 11. картинка Как зарегистрироваться на фигме бесплатно. картинка figma chto eto za programma 11

Помимо этого, можно вручную создавать свои версии для удобства.

Чем отличается Figma от Photoshop

Главное отличие Figma от Photoshop заключается в том, что фигма — это специализированная программа для разработки интерфейсов с удобным и простым функционалом. Фотошоп является более сложным редактором и изначально задумывался лишь для обработки фотографий.

Раньше, когда не было альтернатив, дизайнеры работали в фотошопе и создавали макеты там. Сейчас, фотошоп — это пережиток прошлого в плане разработки интерфейсов. К нему обращаются лишь в том случае, когда необходимо обработать картинку для сайта или сделать обтравку изображения. В этом плане, фотошоп — бесспорный лидер.

Некоторые дизайнеры до сих пор продолжают работать в фотошопе, аргументируя это тем, что там есть все возможности для создания дизайна. Это действительно так, но когда речь заходит об удобстве, то фотошоп проигрывает по всем фронтам. Как по мне, то это все равно что есть суп вилкой (фотошоп), в то время как есть более удобный инструмент для этих целей (фигма).

Как зарегистрироваться на фигме бесплатно. figma chto eto za programma 6. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-figma chto eto za programma 6. картинка Как зарегистрироваться на фигме бесплатно. картинка figma chto eto za programma 6

Третье отличие — удобная организация рабочего процесса и возможность вносить быстрые изменения в дизайн. Выше мы уже рассматривали с вами такое понятие как компонент и возможность быстрого редактирования. В фотошопе такой возможности нет и в случае правок, вам придется вручную изменять все элементы дизайна.

Хорошо, если у вас всего 1-2 макета, а представьте если таких макетов у вас 50 или более? В последних версиях фотошопа, есть возможность создавать смарт-объекты. Это некий аналог компонентов, но работать с ними не так удобно.

К тому же, помимо компонентов, в фигме есть возможность создавать стили, чего нельзя делать в фотошопе. Да и в принципе вся механика работы фигмы «заточена» под разработку интерфейсов, а не под обработку фотографий. Это две большие разницы.

Тарифы Figma

На данный момент у фигмы доступно 3 тарифа: Starter, Professional, Organization. Посмотреть их можно на официальном сайте Figma, в разделе «Pricing».

Как зарегистрироваться на фигме бесплатно. figma chto eto za programma 1 1. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-figma chto eto za programma 1 1. картинка Как зарегистрироваться на фигме бесплатно. картинка figma chto eto za programma 1 1

Тариф Starter

Этот тариф является полностью бесплатным и по умолчанию доступен всем зарегистрированным пользователям. Но у него есть несколько ограничений:

В остальном, полная свобода действий и никаких других ограничений.

Тариф Professional

Это первый платный тариф и стоимость его составляет 15$ за 1 редактора в месяц или 12$ за 1 редактора в месяц при оплате на год. У этого тарифа есть дополнительные плюшки:

Чаще всего этим тарифом пользуются фрилансеры, у которых имеется постоянный поток заказов.

Тариф Organization

Это самый дорогой тариф фигмы и стоимость его составляет 45$ за 1 редактора в месяц при оплате на год. В этом тарифе нельзя оплачивать за 1 месяц, только годовая оплата. Сюда включено все то, что входит в тариф Professional, плюс:

Данный тариф идеально подходит для больших компаний со штатом дизайнеров.

Как работать в Фигма

Для начала работы вам необходимо зарегистрироваться на сайте Figma и создать там свой профиль. Для этого нужно нажать на кнопку «Sign up» в правом верхнем углу сайта или на кнопку «Try Figma for free» под заголовком.

Как зарегистрироваться на фигме бесплатно. figma chto eto za programma 7. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-figma chto eto za programma 7. картинка Как зарегистрироваться на фигме бесплатно. картинка figma chto eto za programma 7

Далее заполнить поля «E-mail» и «Password» (Пароль) и нажать на кнопку «Create account».

Как зарегистрироваться на фигме бесплатно. figma chto eto za programma 8. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-figma chto eto za programma 8. картинка Как зарегистрироваться на фигме бесплатно. картинка figma chto eto za programma 8

Поздравляю, ваш аккаунт создан, и вы можете приступать к работе. Я подготовил для вас бесплатный мини-курс по работе в программе фигма, который поможет вам быстро освоить данный редактор.

На данный момент там 13 подробных видео-уроков с моими комментариями, поэтому переходите и изучайте.

Как скачать программу Фигма на компьютер

Несмотря на то, что фигма позволяет работать через браузер, это все же не совсем удобно. Во-первых, при работе в браузере редактор может немного «тормозить», а во-вторых, доступ к некоторым функциям осуществляется не так удобно, как в приложении.

Именно поэтому, у фигмы есть возможность скачать себе на компьютер приложение редактора и работать через него. Для этого вам нужно зайти на официальный сайт Figma и в навигации выбрать пункт «Resources» и далее раздел «Downloads»

Как зарегистрироваться на фигме бесплатно. figma chto eto za programma 9 1. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-figma chto eto za programma 9 1. картинка Как зарегистрироваться на фигме бесплатно. картинка figma chto eto za programma 9 1

Затем выбрать нужный вам инсталятор (для MacOS или для Windows) и скачать его.

Как зарегистрироваться на фигме бесплатно. figma chto eto za programma 10 1. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-figma chto eto za programma 10 1. картинка Как зарегистрироваться на фигме бесплатно. картинка figma chto eto za programma 10 1

После установить программу себе на компьютер, запустить ее и выполнить вход в свой профиль.

Заключение

В этой статье я подробно рассказал вам про figma: что это за программа, как в ней работать и чем figma отличается от photoshop. Надеюсь, данная статья оказалась для вас полезной, и вы смогли найти все ответы на свои вопросы.

Не забудьте подписаться на мой YouTube и Telegram. Там еще больше полезного материала про дизайн интерфейсов.

Источник

Figma — где скачать и как установить программу на компьютер?

Подробная, пошаговая инструкция по установке десктопного приложения Figma на ваш компьютер (Windows или Mac Os). В видео и текстовом формате.

Установка Figma. В этом уроке вы получите пошаговую инструкцию, где скачать и как установить программу Figma на ваш компьютер. Вы можете посмотреть видео или воспользоваться текстовой инструкцией, которая расположена ниже в этой статье.

1. Регистрация в Figma

Как зарегистрироваться на фигме бесплатно. figma kak skachat 01. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-figma kak skachat 01. картинка Как зарегистрироваться на фигме бесплатно. картинка figma kak skachat 01

Первое что вам необходимо сделать это перейти по адресу figma.com. В верхнем правом углу нажмите на кнопку Sign up.

Как зарегистрироваться на фигме бесплатно. figma kak skachat 02. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-figma kak skachat 02. картинка Как зарегистрироваться на фигме бесплатно. картинка figma kak skachat 02

Во всплывающем окне можно авторизоваться с помощью Google аккаунта, либо ввести e-mail и пароль. Рассмотрим второй вариант. Ввожу e-mail и пароль. Нажимаю на кнопку Create Account.

Как зарегистрироваться на фигме бесплатно. figma kak skachat 03. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-figma kak skachat 03. картинка Как зарегистрироваться на фигме бесплатно. картинка figma kak skachat 03

На следующем шаге укажите ваше имя и выберите род деятельности. Например «Design». Этот выбор ни на что не повлияет в дальнейшем.

Как зарегистрироваться на фигме бесплатно. figma kak skachat 04. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-figma kak skachat 04. картинка Как зарегистрироваться на фигме бесплатно. картинка figma kak skachat 04

Если хотите получать полезную рассылку от фигмы, то поставьте галочку напротив надписи «I agree to join Figma’s mailing list» и нажимаете на кнопку «Create Account».

Как зарегистрироваться на фигме бесплатно. figma kak skachat 05. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-figma kak skachat 05. картинка Как зарегистрироваться на фигме бесплатно. картинка figma kak skachat 05

Перед вами появится окно, что вам нужно проверить вашу электронную почту, которую вы до этого указали и подтвердить регистрацию.

Как зарегистрироваться на фигме бесплатно. figma kak skachat 06. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-figma kak skachat 06. картинка Как зарегистрироваться на фигме бесплатно. картинка figma kak skachat 06

Проверьте вашу почту и найдите письмо от Figma с заголовком «Verify your email address». Нажмите на кнопку для подтверждения регистрации верификации email адреса.

2. Настройка команды и выбор тарифного плана (можно пропустить)

Как зарегистрироваться на фигме бесплатно. figma kak skachat 07. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-figma kak skachat 07. картинка Как зарегистрироваться на фигме бесплатно. картинка figma kak skachat 07

В случае регистрации через email и пароль, перед вами появиться следующее окно, где вы можете создать новую команду. Окно может не появиться, если вы регистрировались через Google аккаунт. В этом нет ничего страшного. Если хотите создать новую команду, то укажите её название и нажмите на кнопку «Next», либо пропустите этот шаг нажав на надпись внизу «Do this later».

Как зарегистрироваться на фигме бесплатно. figma kak skachat 08. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-figma kak skachat 08. картинка Как зарегистрироваться на фигме бесплатно. картинка figma kak skachat 08

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

Как зарегистрироваться на фигме бесплатно. figma kak skachat 09. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-figma kak skachat 09. картинка Как зарегистрироваться на фигме бесплатно. картинка figma kak skachat 09

Далее вам предложат выбрать тарифный план. Если вы работаете в одиночку, либо вдвоем, то подойдет бесплатный тариф «Starter».

В бесплатный тариф «Starter» входят:

В платный тариф «Professional» включено:

Стоимость тарифа «Professional» — 12$ в месяц за 1 члена команды.

Как зарегистрироваться на фигме бесплатно. figma kak skachat 10. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-figma kak skachat 10. картинка Как зарегистрироваться на фигме бесплатно. картинка figma kak skachat 10

Если вы выберите бесплатный тариф, то вам предложат выбрать 2 стартовые библиотеки для командной работы. Выбирайте любое и нажимайте на кнопку «Next».

Как зарегистрироваться на фигме бесплатно. figma kak skachat 11. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-figma kak skachat 11. картинка Как зарегистрироваться на фигме бесплатно. картинка figma kak skachat 11

При желании можете воспользоваться подсказками, которые будет показывать вам Figma нажав на кнопку «Show me around», либо пропустите этот шаг.

3. Скачивание и установка Figma для работы на компьютере (Windows и Mac Os)

Как зарегистрироваться на фигме бесплатно. figma kak skachat 12. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-figma kak skachat 12. картинка Как зарегистрироваться на фигме бесплатно. картинка figma kak skachat 12

Чтобы скачать десктопную версию приложения Figma для Windows или Mac Os нажмите на меню «гамбургер» в левом верхнем углу и выберите надпись «Get Desctop App». В приложении работать удобнее, хотя можно работать через браузер. Приложение удобнее тем, что там можно создавать сразу несколько файлов. В браузере дела обстоят иначе.

Как зарегистрироваться на фигме бесплатно. figma kak skachat 13. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-figma kak skachat 13. картинка Как зарегистрироваться на фигме бесплатно. картинка figma kak skachat 13

Второй способ скачать программу figma на ваш компьютер — это перейти по адресу https://www.figma.com/downloads/ Там можно выбрать приложение для macOs либо для Windows.

Как зарегистрироваться на фигме бесплатно. figma kak skachat 14. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-figma kak skachat 14. картинка Как зарегистрироваться на фигме бесплатно. картинка figma kak skachat 14

После скачивания архива, его распаковки и открытия программы figma на вашем компьютере перед вами появиться надпись «Welcome to Figma». Вам предложат авторизоваться через браузер. Для этого вы должны быть авторизованы в вашем аккаунте. Нажмите на кнопку «Log in with browser».

Как зарегистрироваться на фигме бесплатно. figma kak skachat 15. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-figma kak skachat 15. картинка Как зарегистрироваться на фигме бесплатно. картинка figma kak skachat 15

Вас перенаправит в браузер. Там нажмите на кнопку «Open the Decktop App».

Как зарегистрироваться на фигме бесплатно. figma kak skachat 16. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-figma kak skachat 16. картинка Как зарегистрироваться на фигме бесплатно. картинка figma kak skachat 16

Поздравляю! Вы скачали программу Figma и установили её на ваш компьютер. Так будет выглядеть интерфейс программы после её установки. В следующем уроке мы кратко рассмотрим интерфейс этого приложения.

Остальные уроки по работе в Figma можете посмотреть по этой ссылке

Источник

Работа с Figma – регистрация и первые шаги

Для дизайнеров в Интернете представлено много программ, но именно работа в Figma особенно популярна. Это бесплатный сервис, который прост в установке, а в его интерфейсе разберется даже новичок. Подойдет не только для веб-разработчиков и дизайнеров, но и для маркетологов, чтобы создавать инфографику.

Сервис удобен тем, что над одним проектом может работать целая команда, а у ее руководителя есть возможность оставлять комментарии по тем или иным элементам. Таких общих работ хранить в Figma можно сколько угодно, но лишь только месяц. Если вас это не устраивает, можно подключить другой тариф. Цены и принцип работы в сервисе подробно описаны ниже в статье.

Возможности сервиса Figma

Онлайн-сервис Figma отлично подходит для тех, кто занимается интернет-маркетингом, дизайном интерфейсов и веб-разработкой ресурсов. Программа представляет собой графический редактор, в котором можно создавать макет приложения или сайта, детали интерфейса (кнопки, иконки и пр.), векторные иллюстрации. Прелесть сервиса и в том, что здесь можно работать в команде, обсуждая изменения и внося поправки. Программа доступна в браузере и в приложении, которое устанавливается на ПК.

Как зарегистрироваться на фигме бесплатно. 2 2. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-2 2. картинка Как зарегистрироваться на фигме бесплатно. картинка 2 2Возможности сервиса Figma

Сервис пользуется успехом не просто так. От многих графических редакторов Figma отличается тем, что:

Ваш Путь в IT начинается здесь

У Figma есть и свои недостатки, хотя они не играют большой роли при правильном выстраивании рабочего процесса. Например, интерфейс сервиса не русифицирован. Также для работы с программой необходимо подключение к Интернету.

Системные требования Figma

Для работы в приложении нужно будет обратить внимание на параметры ОС. Но большинство ПК вполне совместимы с данной программой.

Источник

Что такое Figma и как ей пользоваться

Как зарегистрироваться на фигме бесплатно. 4fc9edc11c3e601e6b7db4be44a8760c. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-4fc9edc11c3e601e6b7db4be44a8760c. картинка Как зарегистрироваться на фигме бесплатно. картинка 4fc9edc11c3e601e6b7db4be44a8760c

Для дизайнеров существует великое множество программ, и каждая из них по-своему уникальна. Одним из самых популярных продуктов для UX/UI-дизайна является Figma.

Поговорим о том, что же представляет собой этот сервис, узнаем, в чем его главные особенности, а также задействуем его на практике.

Что такое Figma

Как зарегистрироваться на фигме бесплатно. Screenshot 224. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-Screenshot 224. картинка Как зарегистрироваться на фигме бесплатно. картинка Screenshot 224

Figma – онлайн-сервис для дизайнеров, веб-разработчиков и маркетологов. Он предназначен для создания прототипов сайтов или приложений, иллюстраций и векторной графики. В редакторе можно настроить совместную работу, вносить и обсуждать правки, причем как в браузере, так и через приложение на компьютере.

Возможности и особенности Figma

Хотелось бы сначала отметить ключевые моменты, благодаря которым Фигма набрала столь огромную популярность.

Если тех возможностей, что даются бесплатно, для вас недостаточно, то можно купить подписку. Описание тарифов ниже.

Как зарегистрироваться на фигме бесплатно. Screenshot 128. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-Screenshot 128. картинка Как зарегистрироваться на фигме бесплатно. картинка Screenshot 128

Минусы Figma

Естественно, графический редактор имеет пару недостатков, но они не столь существенно влияют на рабочий процесс при его грамотной организации. Например, требуется наличие подключения к интернету, ведь без него работать в Figma невозможно. А еще интерфейс редактора представлен только на английском языке.

Как пользоваться Figma

Разберу, как пользоваться Фигмой. Сначала речь пойдет о входе в аккаунт. Я покажу, как это сделать в браузере.

Регистрация или авторизация

Если вы не зарегистрированы в данном сервисе, сперва нажмите на крайнюю кнопку «Sign up», введите электронную почту, придумайте пароль и жмите на кнопку «Create account». Можно также войти через сервисы Google.

Как зарегистрироваться на фигме бесплатно. Screenshot 225. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-Screenshot 225. картинка Как зарегистрироваться на фигме бесплатно. картинка Screenshot 225

Я выбрала Google и авторизовалась через свой аккаунт. Следующий этап – ввод имени и выбор сферы. Также можно кликнуть по галочке для подписки на рассылку, далее нажимаем по кнопке для создания аккаунта.

Как зарегистрироваться на фигме бесплатно. Screenshot 411. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-Screenshot 411. картинка Как зарегистрироваться на фигме бесплатно. картинка Screenshot 411

Уже зарегистрированным пользователям необходимо кликнуть по ссылке «Log in». В результате откроется немного другое поле, где вы сможете ввести данные и авторизоваться.

Как зарегистрироваться на фигме бесплатно. Screenshot 314. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-Screenshot 314. картинка Как зарегистрироваться на фигме бесплатно. картинка Screenshot 314

Следом откроется рабочее пространство с ранее созданными проектами (если они, конечно, у вас были). Новички пройдут краткий ознакомительный курс по основным функциям. Теперь можно приступать к работе!

Создание нового файла

Чтобы создать новый файл, жму на плюс в правом верхнем углу интерфейса. Выбираю подходящий формат для будущего дизайна и жму по кнопке «Create file» для старта. Если выбрать пункт «Blank canvas», откроется пустое рабочее пространство.

Как зарегистрироваться на фигме бесплатно. Screenshot 512. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-Screenshot 512. картинка Как зарегистрироваться на фигме бесплатно. картинка Screenshot 512

Импорт файлов

Если вы ранее использовали приложение Sketch, можете импортировать из него проекты в Figma. Как уже говорилось ранее, ни один элемент при этом не пострадает – шрифты, кривые и изображения никуда не денутся и не сместятся. Срабатывает даже простое перетаскивание файла из первого приложения во второй сервис. Доступно копирование отдельных элементов в формате SVG.

Разработка прототипов в Figma

Перейдем к элементам разработки интерфейсов. Рассмотрим настройку фреймов, слоев, макетов и сеток, типографики и многого другого.

Макеты и сетки

Для создания макета необходимо выделить нужный слой, перейти в раздел «Design» в правой панели, а там уже найти пункт «Layout grid». Там выбираете размер, цвет и прозрачность. Можете поменять форму с сетки на столбцы или строчные ряды. Доступно применение сразу нескольких макетов, а для переключения между ними используется комбинация Ctrl + G.

Как зарегистрироваться на фигме бесплатно. Screenshot 77. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-Screenshot 77. картинка Как зарегистрироваться на фигме бесплатно. картинка Screenshot 77

Просмотр прототипов

Суть этой функции в том, что вы можете просматривать, как будет выглядеть созданный вами интерфейс на самых разных устройствах. Для этого в панели на правой части экрана выбираем раздел «Prototype». В категории «Device» подбираете нужное вам устройство с предустановленным размером экрана.

Как зарегистрироваться на фигме бесплатно. Screenshot 193. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-Screenshot 193. картинка Как зарегистрироваться на фигме бесплатно. картинка Screenshot 193

При необходимости можно изменить цвет модели и расположение на горизонтальное или вертикальное. После того как настройка завершится, жмем на кнопку «Present», расположенную справа от «Share», для просмотра прототипа на выбранном девайсе.

Как зарегистрироваться на фигме бесплатно. Screenshot 203. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-Screenshot 203. картинка Как зарегистрироваться на фигме бесплатно. картинка Screenshot 203

Работа с изображениями

В Figma можно перемещать изображения из разных источников – перемещать из памяти компьютера, а также копировать и вставлять из интернета. При этом не стоит забывать об авторских правах на картинки (об этом я, кстати, рассказывала ранее).

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

Как зарегистрироваться на фигме бесплатно. Screenshot 96. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-Screenshot 96. картинка Как зарегистрироваться на фигме бесплатно. картинка Screenshot 96

Работа с компонентами

Любой созданный вами элемент можно добавить в раздел «Компоненты» для повторного использования в других проектах. Чтобы пополнить библиотеку, следует выделить нужный объект и нажать на комбинацию Ctrl + Alt + K. В результате значок элемента в панели слоев поменяется.

Внесение изменений в таких компонентах согласовано – если поменять какие-либо детали в основном экземпляре, изменения будут внесены во все остальные копии. Добавленные в коллекцию объекты доступны во вкладке «Assets» в левой панели.

Как зарегистрироваться на фигме бесплатно. Screenshot 136. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-Screenshot 136. картинка Как зарегистрироваться на фигме бесплатно. картинка Screenshot 136

Работа со стилями и цветами

Графический сервис хорош еще тем, что в нем можно менять стили сразу нескольких элементов. А еще есть возможность создания собственного цветового варианта. Для этого необходимо просто создать объект, выделить его, затем нажать на квадратную кнопку, которая показана на скриншоте.

Как зарегистрироваться на фигме бесплатно. Screenshot 129. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-Screenshot 129. картинка Как зарегистрироваться на фигме бесплатно. картинка Screenshot 129

Слои и группы

Работа со слоями здесь похожа на таковую в Photoshop. Можно создавать отдельные группы, перетаскивать на верхний и задний план определенные элементы. И все это доступно в разделе «Layers» в левой части экрана.

Как зарегистрироваться на фигме бесплатно. Screenshot 86. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-Screenshot 86. картинка Как зарегистрироваться на фигме бесплатно. картинка Screenshot 86

Совместное использование

Мы помним, что в Фигма можно создавать и совместно редактировать различные проекты. Теперь подробнее нужно раскрыть тему создания команды и приглашения в нее других пользователей.

Когда вы регистрируетесь в сервисе, персональная команда создается сразу же. При необходимости ее название можно легко поменять, кликнув по нужному элементу правой кнопкой мыши и выбрав пункт «Rename». Оттуда же можно удалить команду. Чтобы создать новую команду, необходимо нажать на пункт «Create new team» в самом низу левой панели.

Как зарегистрироваться на фигме бесплатно. Screenshot 167. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-Screenshot 167. картинка Как зарегистрироваться на фигме бесплатно. картинка Screenshot 167

Теперь о том, как пригласить людей в макет. Сначала выбираем нужную вам команду и в новом окне кликаем по кнопке «Invite» в правом верхнем углу. Вводим имя пользователя, даем ему права на просмотр/редактирование, отправляем приглашение.

Как зарегистрироваться на фигме бесплатно. Screenshot 174. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-Screenshot 174. картинка Как зарегистрироваться на фигме бесплатно. картинка Screenshot 174

Но есть и другой способ совместной работы над проектом без приглашения кого-либо в команду. В рабочем пространстве нужного проекта жмем по кнопке «Share», далее настраиваем права и отправляем приглашение. Можно также скопировать ссылку и отправить ее любому человеку.

Как зарегистрироваться на фигме бесплатно. Screenshot 184. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-Screenshot 184. картинка Как зарегистрироваться на фигме бесплатно. картинка Screenshot 184

Типографика

По умолчанию в Фигма установлены шрифты Google. Для десктопной версии вы сможете установить специальный плагин Font Helper для использования локальных шрифтов с вашего компьютера.

Как зарегистрироваться на фигме бесплатно. Screenshot 106. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-Screenshot 106. картинка Как зарегистрироваться на фигме бесплатно. картинка Screenshot 106

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

Как зарегистрироваться на фигме бесплатно. Screenshot 1112. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-Screenshot 1112. картинка Как зарегистрироваться на фигме бесплатно. картинка Screenshot 1112

Установка плагинов

Фигма поддерживает установку плагинов для оптимизации работы. Полную коллекцию можно посмотреть в разделе «Community» на главной странице, перейдя в раздел «Explore».

Как зарегистрироваться на фигме бесплатно. Screenshot 146. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-Screenshot 146. картинка Как зарегистрироваться на фигме бесплатно. картинка Screenshot 146

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

Как зарегистрироваться на фигме бесплатно. Screenshot 156. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-Screenshot 156. картинка Как зарегистрироваться на фигме бесплатно. картинка Screenshot 156

В качестве примера приведу вставку изображений из сервиса Unsplash. Для начала жмем правой кнопкой мыши по любой области в редакторе, можно даже по рабочему фрагменту, далее находим пункт «Plugins», переходим в подраздел и открываем «Unsplash». В результате откроется новое окно, где вы сможете выбрать картинку и вставить ее.

Как зарегистрироваться на фигме бесплатно. Screenshot 2110. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-Screenshot 2110. картинка Как зарегистрироваться на фигме бесплатно. картинка Screenshot 2110

Фреймы

Чтобы увидеть параметры фрейма, необходимо нажать на кнопку F. Справа отобразится панель с разными вариантами артбордов. Можно в одном проекте выкладывать по несколько фреймов разных форматов, причем отдельно друг от друга.

Есть возможность создания артборда нужного вам размера. Для этого следует открыть соответствующий раздел и в рабочем пространстве с помощью мыши создать фрейм подходящего формата.

Как зарегистрироваться на фигме бесплатно. Screenshot 610. Как зарегистрироваться на фигме бесплатно фото. Как зарегистрироваться на фигме бесплатно-Screenshot 610. картинка Как зарегистрироваться на фигме бесплатно. картинка Screenshot 610

Заключение

Figma – действительно крутая программа. Даже у меня появилось желание заняться разработкой дизайна интерфейсов, настолько все просто и удобно. Начинающие пользователи легко разберутся с тем, как работать в ней.

Не забываем, что это идеальное решение для командной работы. Аналогов, конечно, много, но этот редактор определенно стоит уделенного ему внимания.

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *