Фигма — относительно новая бесплатная программа для веб дизайнера, который знает цену своему времени и идет в ногу с тем самым временем. Если ты читаешь эту статью, то ты молодец, потому что в тебе уже есть зерно сомнения по поводу того, что фотошоп вечен и все такое.
Figma программа, которая работает в браузере
Фигма не требует никакой установки, ты можешь ее открыть прямо в браузере и работать. Это невероятный плюс, который отчасти и минус, но о плохом поговорим в конце этой статьи.
Веб приложение это круто в плане того, что можно использовать ее на любой платформе (Windows Mac Linux). Для первых двух, даже есть десктопная версия, которая по сути ничем не отличается от браузерной.
Фигма работает в облаке
Это вытекает из того, что это браузерный редактор. Соответственно, тебе больше не нужно сохранять свои файлы, заливать их в облако и показывать разрабам иди заказчикам. Ты просто делаешь работу, как дизайнер, закрываешь браузер, а все уже и так сохранении и ничего не пропадет никогда. Это значительно ускоряет работу, особенно для больших команд.
Уроки Figma | 01. Скачивание и установка программы фигма
Командная работа в Figma
Раз уж заговорили о больших командах нужно сказать, что Фигма — это как раз то, что им нужно. Больше никаких костылей, типа Zeppelin и тому подобное — все работает тз одного клиента. Не нужно всем участникам проекта иметь рабочий Mac. Не нужно оплачивать годовую лицензию всем участникам работы, в Фигма оплата для команды работает на месяц.
То есть покупать командную лицензию можно только тем, кто действительно работает в данный момент, а если он отправится в отпуск, то можно забить на него и сэкономить немного денег. К тому же покупать лицензию нужно только для тех участников, которые непосредственно редактируют проект, например, разрабам, которым достаточно просматривать его лицензия не нужна. Разве это не круто.
Чат
Прямо в программу вшит чат, которым могут пользоваться все и каждый участник проекта получит сообщение на почту о том, что в чате оживилась беседа.
Контроль версии
Ты всегда можешь видеть и когда делал изменения в макете и откатить до нужного момента и … блин, да все, что угодно. Можно продолжить работать с этого момента, можно создать копию и продолжить работать, при это остальные могут работать с последнего сохранения. Кое-кому с костылями, типа Abstract или динозавру-фотошопу о такой простоте работы только мечтать приходится.
Constraints
И в Scetch такое есть, только кто мне скажет, когда это появилось — до выхода Фигма или после?))Да ладно?! Неужели после?)) в общем, constraints. Это такая фича, которая позволяет привязывать объект или группу объектов к определенным сторонам родительского фрейма. То есть, при масштабировании родителя все его внутренние части будут находиться в четко обозначенном месте. Это очень круто работает для создания адаптивных версий сайта или изменении размера каких-то его частей.
Сетка в Фигма
Модульная сетка в Фигма — это нечто прекрасное. Это не просто направляющие по которым ты можешь выравнивать блоки сайта — это настоящее супер оружие, которым программа кладет на лопатки старенького динозавра от адобе. Сетка в Figma прикрепляет к себе контент, который ты можешь привязывать по средствам constraints, что позволяет создавать адаптивные и резиновые версии макетов за считанные минуты, а то и секунды. Сетка создается только внутри фрейма, а вот фрейм можно создать и внутри другого фрейма, при чем количество вложенностей не ограничено и для каждого можно пилить свою сетку.
Компоненты в Figma
Это не новинка, в скече такое уже давно есть и называется там символы. В чем-то они похожи, а в чем-то и отличаются. Так при создании нового компонента в Фигма он не перемещается на отдельный арт борд, а остается там, где и был создан. Создавая дочерние элементы компонента, ты не создаешь его копии, как таковые, а делаешь нечто иное.
Ты всегда можешь поменять стили дочернего элемента и при изменении этих же стилей у родителя они не поменяются у копии. Единственное, что ты не можешь менять в дочернем элементе — это размер вложенных в него шейпов. Но есть масса способов, которые лечат эту проблему на этапе создания самого компонента, но об этом в другой статье.
Шрифты гугла всегда с тобой
Потому, что это веб приложение и оно всегда онлайн с ним всегда вся библиотека гугла. То есть все, что есть на гугл.фонт все есть и у тебя в Фигма. Это просто прекрасно — ничего не нужно доканчивать. Но есть и минут — посмотреть в динамике изменение шрифта для подбора не получится — нужно обязательно его выбрать, чтобы он применился.
Как добавить локальные шрифты в Figma читай по ссылке
По мелочи :
- Svg и PDF экспорт, при чем очень быстрый экспорт в один клик.
- Интеграция с avocode, zeppelin, dribble
- Живой чат поддержки. Воистину живой — ответ 2-3 часа.
- Фигма бесплатная для отдельных пользователей и для небольших групп на 2 на два редактора
А теперь о плохом
Зависимость от сети. Фигма не работает без интернета, равно, как и твой браузер
Меленькое комьюнити. Инструмент довольно новый и информации о том что и как тут не очень много
Источник: figmaweb.ru
Фигма это бесплатная программа
Автор the.bunin • 27 апр 2021, 23:49
Где скачать Figma и как установить?
- Всегда свежая версия десктопного приложения для Mac и Windows
- Мобильное приложение Figma Mirror для iOS и Android, чтобы презентовать свои проекты и просматривать их на телефоне
- Font Installer для десктопной версии программы, чтобы была возможность загружать и использовать собственные шрифты в проектах
Чтобы скачать Figma и установить её, воспользуйтесь ссылкой https://www.figma.com/downloads/.
Установка
Установка очень проста. Вам необходимо запустить скачанный установочный файл. Далее он определит место установки, но вы можете указать его сами. После этого необходимо запустить программу и авторизоваться под своими логином и паролем, указанными при регистрации. В результате у вас запуститься программа с вашими созданными проектами в онлайн-версии, если таковые имеются.
После установки программы на компьютер мы рекомендуем вам посмотреть наш каталог и скачать готовые шаблоны для Figma и установить плагины для Figma.
Источник: figma.community
Скачать Figma для Windows / MacOs — инструкция как установить бесплатно
Установка Figma. В этом уроке вы получите пошаговую инструкцию, где скачать и как установить программу Figma на ваш компьютер. Вы можете посмотреть видео или воспользоваться текстовой инструкцией, которая расположена ниже в этой статье.
Инструкция подойдет если вы хотите установить фигму на Windows или MacOs. Не важно на какой компьютер её устанавливать (настольный или ноутбук).
Видео: Скачивание и установка программы Figma на компьютер
Получите подарок для Figma: https://bit.ly/3bUgeat (24 раздела Landing Page для создания прототипов и дизайн макетов)
1. Регистрация в Figma
Первое что вам необходимо сделать это перейти по адресу figma.com . В верхнем правом углу нажмите на кнопку Sign up.
Во всплывающем окне можно авторизоваться с помощью Google аккаунта, либо ввести e-mail и пароль. Рассмотрим второй вариант. Ввожу e-mail и пароль. Нажимаю на кнопку Create Account.
На следующем шаге укажите ваше имя и выберите род деятельности. Например «Design». Этот выбор ни на что не повлияет в дальнейшем.
Если хотите получать полезную рассылку от фигмы, то поставьте галочку напротив надписи «I agree to join Figma’s mailing list» и нажимаете на кнопку «Create Account».
Перед вами появится окно, что вам нужно проверить вашу электронную почту, которую вы до этого указали и подтвердить регистрацию.
Проверьте вашу почту и найдите письмо от Figma с заголовком «Verify your email address». Нажмите на кнопку для подтверждения регистрации верификации email адреса.
2. Настройка команды и выбор тарифного плана (можно пропустить)
В случае регистрации через email и пароль, перед вами появиться следующее окно, где вы можете создать новую команду. Окно может не появиться, если вы регистрировались через Google аккаунт. В этом нет ничего страшного. Если хотите создать новую команду, то укажите её название и нажмите на кнопку «Next», либо пропустите этот шаг нажав на надпись внизу «Do this later».
На следующем шаге можете указать email адреса людей, которых хотите пригласить к себе в команду для совместной работы, либо пропустить этот шаг нажав на надпись внизу всплывающего окна.
Далее вам предложат выбрать тарифный план. Если вы работаете в одиночку, либо вдвоем, то подойдет бесплатный тариф «Starter».
В бесплатный тариф «Starter» входят:
- 3 проекта для команд и совместной работы.
- 2 бесплатных стартовых библиотеки от Figma.
- Сохранение истории версий проектов в течении 30 дней.
- Неограниченное облачное хранилище.
- Возможность 2 человек работать над одним проектом одновременно.
В платный тариф «Professional» включено:
- Неограниченное количество проектов для команд.
- Настраиваемые командные библиотеки.
- Сохранение истории версий на неограниченный срок.
- Настраивание пользовательских файлов / прав использования.
- Частные проекты только по приглашениям.
Стоимость тарифа «Professional» — 12$ в месяц за 1 члена команды.
Если вы выберите бесплатный тариф, то вам предложат выбрать 2 стартовые библиотеки для командной работы. Выбирайте любое и нажимайте на кнопку «Next».
При желании можете воспользоваться подсказками, которые будет показывать вам Figma нажав на кнопку «Show me around», либо пропустите этот шаг.
3. Скачивание и установка Figma для работы на компьютере (Windows и Mac Os)
Чтобы скачать десктопную версию приложения Figma для Windows или Mac Os нажмите на меню «гамбургер» в левом верхнем углу и выберите надпись «Get Desctop App». В приложении работать удобнее, хотя можно работать через браузер. Приложение удобнее тем, что там можно создавать сразу несколько файлов. В браузере дела обстоят иначе.
Второй способ скачать программу figma на ваш компьютер — это перейти по адресу https://www.figma.com/downloads/ Там можно выбрать приложение для macOs либо для Windows.
После скачивания архива, его распаковки и открытия программы figma на вашем компьютере перед вами появиться надпись «Welcome to Figma». Вам предложат авторизоваться через браузер. Для этого вы должны быть авторизованы в вашем аккаунте. Нажмите на кнопку «Log in with browser».
Вас перенаправит в браузер. Там нажмите на кнопку «Open the Decktop App».
Источник: dzen.ru