Figma что это: Что такое Figma и как ей пользоваться / Skillbox Media — Независимое театральное объединение "Зрительские симпатии"

Содержание

Figma. Что это такое и как работает?

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

Что же такое Figma?

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

Если Figma схожа по функционалу с Фотошопчиком, то какой тогда смысл ее использования, спросите вы? Ну, хотя бы потому, что Figma = упрощенная версия Photoshop + инструменты для редактирования векторных элементов, в частности SVG. Поэтому не приходится открывать одновременно две сложные проги. Просто, удобно и экономно. Хотя изначально эта простота даже немного смутила меня. Тип если просто, то и не надежно и не профессионально. Ох, как я была не права…

Что по возможностям?

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

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

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

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

Все макеты, сделанные в Figma, хранятся в облаке

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

Библиотека компонентов — это еще одно преимущество Figma

Сюда можно загружать свои символы и использовать сохраненные компоненты в любом из проектов.

Компоненты – это объекты многоразового использования в дизайне, которые можно сделать в определенной стилистике. После создания такого компонента, вы можете создать и его экземпляры (это такие связанными копии этого компонента). Так что после обновления дизайна исходного компонента экземпляры тоже будут отражать изменения. Здорово, что если поменять цвет одной кнопочки в оригинальном элементе на синий, то и все копии этой кнопочки тоже станут синими! Мэджик!

Десктопная версия Figma для тех, кто боится работать в браузере

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

Актуальные версии

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

Фреймы

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

Сетки или Layout Grids — это уникальная функция фреймов в Figma

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

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

Аналогов такой сетки пока не существует в других прогах.

У Figma есть бесплатные и платные тарифные планы,

в зависимости от объема проектов, а также премиум-функции для совместной работы. Бесплатная версия доступна для двух редакторов и трех проектов максимум. Но можно приобрести Professional (за 15 баксов в месяц) или Organization (за 45 баксов в месяц) тарифы.

Figma можно установить бесплатно

Для этого надо всего лишь:

зайти на figma.com;
нажать на кнопку Sign Up и залогиниться;
ввести адрес электронной почты и пароль;
указать свои инициалы;
ответить на вопрос, с какой целью вы планируете использовать программу;
снова нажать на Sign Up;
нажать на иконку Resources;
выбрать в списке Downloads;
определиться со своей операционной системой – Windows или macOS – и нажать на соответствующую гиперссылку Desktop App;
бинго! Загрузка началась.

Надеюсь, теперь вы поняли, в чем прелесть Figma и почему она так любима веб-дизайнерами.

Всем успехов и интересных проектов!

Figma что это? Как работать с Фигма на русском языке? Обзор программы Figma.

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

Платная или нет?

Отличие по функционалу у платной и бесплатной версии — нет. Платную версию есть смысл подключать, когда в вашем проекте задействована команда, или вы создаете очень крупный проект, и вам требуется контроль версий со сроком хранения более 30 дней.

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

Существует ли Figma на русском языке?

На данный момент Фигму на русском языке скачать нельзя, так как данная программа не содержит русской версии. Также не существует и русификаторов Figma. Поэтому работать в Figma придется на английском языке.

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

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

Для работы вам всего нужна свежая версия браузера:

Chrome 49+
Firefox 51+
Safari 10.1+ (Apple — macOS)
Edge 14+ (Windows)

Если же вы используете desktop версию, то авторы пишут только о требованиях к видеокарте:

Intel HD Graphics 4000 (or later).
Nvidia 330m (or later).
ATI Radeon HD 4850 (or later).

Данные видеокарты являются относительно устаревшими поэтому в абсолютном большинстве случаев вы сможете установить Figma на свой компьютер.

Работа с Figma offline

Скажу сразу, что figma без интернета не работает, так как программе при запуске нужно синхронизация с облаком. НО! Можно обойти это требование: для этого запустите программу с включеным интернетом, дайте программе все загрузить, а затем отключите интернет. Готово! Теперь вы можете спокойно работать в программе. (Данные актуальны на август 2019 года).

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

Есть два варианта работы с Figma — онлайн и десктопная версии. По своему опыту работать лучше в десктопной версии. Подробнее о преимуществах читайте в статьях на сайте.

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

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

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

Регистрация в Фигма

Для того чтобы зарегистрироваться в программе Figma:

Перейти на сайт https://www.figma.com/
Выбрать Sign up
Войти через Google или использовать свои данные
Подтвердите свой почтовый ящик
Интерфейс Figma станет доступен по адресу из первого пункта

О Figma, инструменте для совместной разработки интерфейсов.

О фигме, инструмент для проектирования интерфейса совместного интерфейса. Фигма

Або всего в одном дизайнерской платформе

DesignPrototygingDesign SystemsWards

Figjam

Столбная доска для команд

онлайн-добордами. Бесплатные профессионально созданные файлы, которые вы можете копировать, микшировать и использовать

Плагины и виджеты

Расширьте возможности и автоматизируйте работу

События и прямые трансляцииПередовой опытОбразовательная программаГруппы пользователей

FrançaisDeutsch日本語

ВойтиНачать работу

Начать работу

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

Мы знали, что если нам это удастся…

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

любой человек в мире, наконец, сможет работать вместе над одним проектным файлом

и вопросы типа «где окончательная версия?» останется в прошлом

Мы начали экспериментировать с возможностями браузера.

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

Эван Уоллес
WebGL Water , 2011 Браузер

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

Эван Уоллес и Дилан Филд
Figma 1.0 , 2015 Браузер

Не все были такими оптимистичными, какими мы были.

Если это будущее дизайна, я меняю карьеру.

Звучит как мой самый страшный кошмар.

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

Классная идея, но кажется непрактичной…

Но как только дизайнеры начали работать вместе в Figma…

/ Лобановский

Сейчас компании со всего мира меняют подход к дизайну.

Мы с нетерпением ждем будущего, в котором дизайн будет еще больше:

совместный
без полей
прозрачный
управляемый сообществом
открытый исходный код

Наше видение — сделать дизайн доступным для всех.

Сделайте дизайн доступным для всех.

Лучший способ создавать дизайн — вместе.

Подпишитесь на Figma

Twitter
YouTube
Instagram
Facebook

Use Cases

UI design
UX design
Graphic design
Wireframing
Diagramming
Brainstorming
Templates
Remote design
Agencies
Figma для образования

Обзор

Конструктивные особенности
Функции прототипирования
Особенности систем проектирования
Collaboration features
Design process
FigJam
Pricing
Enterprise
Organization
Professional
Customers
Security
Integrations
Contact

Resources

Blog
Best practices
Support
Разработчики
Изучение дизайна
Загрузки
Что нового
Релизы
Careers
About us
Agency partners
Privacy
Modern Slavery Statement
Status

Compare

Sketch
Adobe XD
Invision Studio
Framer
Design on Windows
Miro

Бесплатный онлайн-инструмент и программное обеспечение для дизайна пользовательского интерфейса для команд

Бесплатный онлайн-инструмент и программное обеспечение для дизайна пользовательского интерфейса для команд | FigmaFigma

Универсальная платформа для дизайна

DesignPrototygingDesign SystemDownloads

Figjam

Интернет -доска для команд

онлайн -белая доска для заседаний Processesteam

Обзорные знания. автоматизировать работу

События и прямые трансляцииЛучшие практикиОбразовательная программаГруппы пользователей

FrançaisDeutsch日本語

ВойтиНачать работу

Начать работу

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

Попробуйте Figma Free

Совместная работа по дизайну

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

Всегда самая последняя версия

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

Многопользовательское редактирование

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

Контекстная обратная связь

Оставляйте и получайте отзывы непосредственно о проектах и прототипах через комментарии.

Попробуйте Figma бесплатно

Все преимущества облака

Figma работает в браузере и работает в Windows, Chrome, Mac и Linux.

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

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

Коллективные библиотеки

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

Источник правды

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

Доступно для совместного использования в файлах

Любой может вставлять общие компоненты в файлы проекта группы.

Уведомления об изменениях

Получать обновления при внесении изменений в общие компоненты.