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

FAQ Figma. Ответы на самые популярные вопросы

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

Программа фигма, как научиться в ней работать

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

Figma как экспортировать

Экспортировать в фигме можно в несколько разрешений и несколькими способами.

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

Способ номер два. Клик правой клавишей на объекте и выбираешь формат для копии и эта копия сохраняется у тебя в буфере обмена. Теперь можешь постить ее куда хочешь

Figma или adobe xd

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

Figma как сохранить проект

Проекты в фигма можно вообще не сохранять. Они все и сохранены в облаке и доступ к ним есть по ссылке. Но есть еще один способ сохранить проект в формате .fig. Как это сделать показано на картинке

Тень в фигме. Как настроить тень в Figma

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

Как верстать из Figma

Верстать из фигмы довольно просто. Когда ты делишься проектом с верстальщиком он может посмотреть код каждого элемента в макете, расстояния и многое другое, что ему нужно. Фотошопу такое и не снилось. Так же он может удобно нарезать макет на картинки и иконки. + ко всему ты всегда можешь выгрузить свой макет в zeppelin, а там уже верстак знает что делать. Все css свойства объектов можно посмотреть в отдельной вкладке справа вверху, там же можно посмотреть свойства для ios и android

Отмена в фигме, как отменить действие

Так же, как и везде ctrl+z. Если ты не знал — фигма помнит твои изменения в макете 30 дней. Так что откатиться таким способом можно далеко. Но для большего удобства есть контроль версий.

Figma или Фотошоп

Однозначно Фигма. Без вариантов.

Как поделиться макетом в Figma

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

Как ставить комментарии в фигме

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

Как сохранить макет себе

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

Как скрыть рабочие поля в Figma

Чтобы посмотреть только ui своей работы без рабочих полей жми ctrl+\ (англ раскладка)

Как создать вертикальный текст

Есть пара вариантов:

1. Напиши, что хотел и сожми текстовый блок до размера одной буквы. Весть твой текст выстроится в один ряд.
2. Просто переверни строку на 90 градусов,потянув за уголок с зажатым shift, чтобы поворот был более плавным. Или сразу задай нужный угол наклона текстового блока в панеле справа. Так у тебя получится поставить текст вертикально, но все буквы будут последовательно идти друг за другом,

Как в фигме написать текст по кругу

НИКАК. Тот же ответ на вопрос «Как искривить текст, как расположить текст на кривой, на дуге и тд. Пока что такой фичи не завезли.

Пока то есть кривой и сырой плагин для таких целей, но глобально ответ на этот вопрос остается прежним — никак. вот тут смотри про плагин
http://figmaweb.ru/kak-razmestit-v-figma-tekst-po-krugu-ili-krivoj/

Как измерить расстояние между объектами

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

Как удалить направляющие

Либо обратно перетащить их за пределы рабочей области, либо выделить и нажать del.

Как сохранить проект в Figma

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

Заходи на телеграмм канал — там еще больше полезного

Нравится Figma? — подпишись на нас в вк и инстаграме

Как открыть несколько окон Figma?

В десктопном клиенте Figma на macOS — File → New window. При работе в браузере — просто открой несколько вкладок с Figma В десктопном клиенте Figma на
Windows — Ctrl + Shift + N

Как загрузить в Figma изображение в большом разрешении?

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

Как отключить Google Fonts в Figma?

Сними галочку напротив пункта «показать гугл шрифты»

Как макет из Фигмы сохранить в формате psd для фотошоп?

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

Как в Figma объединить слои

Объединить в группу ctrl+g сразу во фрейм ctrl+alt+g. Можно еще воспользоваться булевыми операциями и сделать union. Разные способы объединения слоев хороши для разных задач.

Как в фигме вставить скопированный текст

Ты, конечно, удивишься — ctrl+v. Чтобы вставить текст без стилей, а точнее сказать, чтобы он принял на себя стили того текстового блока куда ты его вставляешь ctrl+shift+v

Как поделиться макетом figma

Кликаешь на кнопку Share у себя в рабочей области Далее во всплывающем окне кликаешь на ссылку Copy Link. Все. ссылка скопирована у тебя в буфер обмена. Можешь отправлять ее куда угодно и кому угодно.

49 комментариев к “FAQ Figma. Ответы на самые популярные вопросы”

Михаил

Раньше верстал из Фотошопа. Последние пол года в коллективе работаю в Фигме. Фигма в подметки не годится Фотошопу.

Figmaweb
чем именно фигма хуже для верстальщика?
Виталий

Может не хуже. Но верстальщику, который умеет уже все делать в фотошопе, нужно учиться делать все в фигме. например, дизайнер не всегда понимает как вообще можно сделать то, что он нарисовал на сайте. Верстальщику нужно это все придумывать. И часто какие-то элементы, которые дизайнером задумывались как отдельные приходится кидать на фон. Для этого их нужно объединять как-то с фоновыми изображениями. Наверно в фигме есть возможность это сделать, перегруппировать и экспортировать, но это нужно глубоко изучать фукционал.
2. есть небольшой фон, размещенный посреди блока. Как экспортировать его чтобы фон был нужной ширины, скажем 1920 пикселов, при этом все незанятое пространство заполнялось прозрачным фоном? Я не нашел такой возможности. Может плохо искал.
3. Выбор элементов не совсем удобный. Если есть один слой с элементами и на него дизайнер накладывает другой слой (например фигурный фон залезает) то элементы предыдущего фона выбрать можно только справа в слоях.
4. работа с текстовыми блоками. Если там смешанный стиль, как выделить отдельно разные части и понять какой стиль применен?
5. расстояние между блоками. Выделить и держа альт навести на соседний блок. Расстояние показывается на панели красными цифрами. Если оно маленькое, то разобрать ничего невозможно. То-же касается и этой надписи на фоне. То-же и расстояний от элемента до края. Приходится либо пользоваться отдельной программой-линейкой, либо экспортировать картинку полностью, кидать в фотошоп и там замерять инструментом-линейкой…
Есть еще ряд неудобств, но больше всего бесит уверенность дизайнеров, которые утверждают что переход на фигму — это радость и панацея для верстальщика и он должен дизайнеру ноги целовать за то, что ему в фигме отдали дизайн на верстку.

Figmaweb

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

Сергий

Правильный дизайнер интерфейсов, должен знать минимальные правила вёрстки, тогда и проблем с передачи макета верстальщику не будет. Фигма простой и мощный инструмент. Если бы она была так не удобна, то не была бы так популярна. ФШ это дед. Учите фигму, там всё просто и супер удобно. Я ФШ оставил только для красивых картинок. Удачи

андрей

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

>Фигма в подметки не годится Фотошопу. Категорические поддерживаю.
Даже странно видеть, как некоторые неумные люди пытаются еще заявлять, что фигма лучше, а потом искать всяческие отмазки на вопрос — а как в фигме сделать (тут берется любой из примеров того, что в фотошопе делается легко и быстро)?

Как в Figma запретить создание копии макета по ссылке?

Я только начинаю работать в Figma и не совсем разобралась в вопросе. Надеюсь на помощь)
Вопрос в следующем. Как показать заказчику работу в Figma, но чтобы при этом он не мог ее скопировать
себе в черновики. Т.к. если я не ошибаюсь возможно любую работу на которую у тебя есть ссылка копировать себе в черновики и уже работать с ней как владелец. Есть ли какой-то ход чтобы защитить свой макет от использования?

• Вопрос задан более двух лет назад
• 8071 просмотр

2 комментария

Простой 2 комментария

Figma: ТОП-18 вопросов, как сохранить, вставить, вырезать и многое другое

13.04.2021

Сложность: новичок

8 мин.

20 000

У новичков при работе с сервисом Figma могут появиться некоторые вопросы. Чтобы изучение проходило проще, мы подготовили список часто задаваемых вопросов и ответов к ним. Из этой статьи вы узнаете, как скачать, установить и настроить Фигму, а также как сделать картинки, кнопки, линии и многое другое.

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

№ 1. Как скачать Фигму, установить и настроить её?

Desktop приложение Фигма находится в открытом доступе и распространяется бесплатно. Чтобы его установить, сначала требуется зарегистрироваться. Для этого переходим на официальный сайт figma.com и выполняем следующие действия:

1. Нажимаем Sign Up, кликая по кнопке в шапке;
2. Вводим свой email и пароль;
3. Указываем данные, такие как фамилия и имя;
4. Отвечаем на вопрос “для чего планируется использовать сервис?” и в раскрывающемся списке выбираем ответ. Если собираетесь использовать для дизайна, оставляем “Design”.
5. После выполнения всех пунктов переходим на главную страницу, нажимаем на свое имя и оказываемся в профиле, здесь есть три вкладки: Teams, Plugins и Settings. В нашем случае выбираем вторую вкладку и нажимаем ссылку “Download the latest desktop app”. Пример всех действий показан на скриншоте ниже:

Ждем завершения скачивания и начинаем установку. Процесс инсталляции мало чем отличается от других программных пакетов. Если при запуске у пользователя возникнут проблемы, первое, что следует сделать, это сверить системные требования своего ПК.

Операционная система (ОС)

Десктопная программа запускается в зависимости от установленной системы. Например, если это Windows, то убедитесь, что версия не старше 8.1. В случае, когда на компьютере стоит MacOS, то здесь требования – версия не старше 10.10 (Yosemite). Linux – допустима любая версия.

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

• Google Chrome – ver 58+
• Mozilla FireFox – ver 57+
• Safari 11+
• Microsoft Edge – 16+

Технические характеристики ПК

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

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

№ 2. Как настроить Фигму?

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

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

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

№ 3. Как сделать фигму на русском языке?

Сервис не поддерживает мультиязычность, поэтому придётся разбираться собственными силами. В интернете достаточно информации, и обучающего контента от разных авторов. Если срочно нужно получить перевод, то здесь поможет Google переводчик. Про остальные функции можно узнать в разных источниках, включая форумы и интернет-сообщества, например, figma.community.

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

При первом знакомстве с сервисом новичок увидит панель управления и несколько кнопок. Если сравнивать с фотошопом, то главное отличие в том, что здесь минимальный набор инструментов, поэтому запомнить все гораздо проще. Часто бывает так, что стандартного функционала недостаточно, тогда в ход вступают плагины. Их создают программисты для своих проектов, чтобы увеличить стандартные возможности. На момент написания статьи было выпущено 420 дополнений к веб-сервису. Чтобы добавить новые функции, plugin нужно подключить.

№ 4. Как установить в фигме плагин?

Первым делом создадим новый проект. На главной странице щёлкнем по +New, находится эта ссылка в правом верхнем углу, затем нас перебросит в редактор. Нажимаем на гамбургер-меню и выбираем из раскрывающегося списка пункт Plugins, нас интересует Manage. Именно там находятся все утилиты, дающие новые функции.

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

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

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

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

№5. Как включить в фигме сетку и линейку?

Данный инструмент находится в свойствах фрейма, в правом окне, называется “Layout Grid”. Нажав плюсик, у вас вся область покроется красными линиями. Цвет можно отрегулировать и установить, например, оранжевый. Все это делается в настройках Grid. Там же выбираются такие параметры, как Колонки (Columns) и Ряды (Rows).

Кроме всего этого, может понадобиться линейка, она пригодится для выравнивания по линии. Чтобы на экране появилась линийка, нужно её включить, для этого перейдите в меню view->Rulers, как показано на картинке.

Появятся две полоски с цифрами, вертикальная и горизонтальная, чтобы добавить линию, нужно щелкнуть мышкой по линейке и удерживая переместить на frame, затем на области появится “line”. В дальнейшем line можно переместить на удобную позицию. Здесь мы дали ответ, как сделать в фигме сетку и расположить объекты.

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

Для этого существует зумер. Пункты по настройке зума, соответственно, находятся в меню в разделе View.

Чтобы отдалить или приблизить, воспользуемся первыми двумя кнопками Zoom In и Zoom out, горячие клавиши “+” и “-”. Когда требуется “приблизить на 100 %”, то включаем третий параметр. Если “полностью показать дизайн”, то активируем четвертый пункт. Пятый, selection, отображает только выделенный контейнер. Например, если выбрать rectangle и потом нажать Zoom to selection, то камера сконцентрируется на квадрате, то же самое и с любым другим контейнером.

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

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

• Shift+Tab – переходит на следующий контейнер, предыдущий должен быть выбран заранее мышкой.
• Enter – чтобы провалиться внутрь и отобрать все содержимое, нажмите “Ввод”. Помните, что frame при этом должен быть выбран.
• Shift+Enter – это обратный способ. Он позволяет подняться на уровень вверх и сделать отмеченным главную область. Запомните, что в этом случае один или несколько блоков должны быть выбраны.
• Main menu->Edit->Select All – отмечает все объекты. Если вдруг потребуется отобрать только с одинаковым цветом заливки, то в этом случае “same fill”.

№6. Как сделать текст в Фигме?

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

Щелкайте по области и начинайте вписывать название. Иногда может понадобиться разнообразить шрифты, поэтому следует загрузить дополнительные fonts (шрифты). Работая в десктопной версии программы на ПК, у вас автоматически пойдет подгрузка всех встроенных на компьютере шрифтов. Когда речь заходит о том, как установить шрифт в Фигму, то в этом случае, достаточно скачать нужный font, найти специальную папку на ПК (воспользовавшись поиском), и туда скинуть новые текстовые стили.

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

Как добавить шрифт в Фигму ?

Здесь нет ничего сложного: переходим в панели Settings аккаунта пользователя и ищем кнопку “Download installer to enable local fonts”. Пример всех действий показан на скриншоте:

Начнется загрузка, исполняемый файл exe требуется запустить. Появится сообщение, что локальные шрифты загружены. На официальном сайте есть плагин Font Awesome Icons, он во всплывающем окне показывает набор иконок. Чтобы им воспользоваться, необходимо установить plugin в браузере. Разъяснение, как поставить плагин, написано выше.

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

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

№ 7. Как вставить в Фигме картинку?

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

Другой вариант воспользоваться командой “Place Image (Ctrl+Shift+K)”.

В открывшемся окне выбираем мышкой подходящие файлы, удерживая при этом Shift, нажимаем открыть. Файлы прикрепятся к курсору, после каждого щелчка на frame, они будут размещены. Можно воспользоваться Place All, для быстрого добавления.

Создавая прототип, рекомендуется уметь вырезать объекты из jpg-файла. Например, когда потребуется создать логотип для компании. Если посмотреть в интернете знаменитые лого, то можно обнаружить некоторые закономерности, они все включают в себя примитив – круг, квадрат или треугольник, остальное – это просто название компании.

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

№ 8. Как вырезать в Фигме объект?

Чтобы отобразить только постройку, нужно применить Tools Pen. Перо подходит, так как способно обеспечить высокую точность. Начинаем прокладывать линии вокруг здания.

Если посмотреть на вкладку Layers, то видно, что у нас получился “Vector 1”. Воспользуемся параметром Fill в правой панели, чтобы сделать заливку.

Vector1, который отображается в слоях – это маска, с помощью неё мы удалим background и оставим только здание. Перетащим маску, чтобы она отображалась на верхней ступени и не закрывала “отель”. Щелкнем на vector1 в слоях и применим Use to mask (Ctrl+Alt+M).

Нам удалось скрыть background. Иногда веб-дизайнер может столкнуться с ситуацией, когда объект вырезан неровно и часть скрыта под маской. В этом случае можно применить одну хитрость. Добавить на линии “вектора” усики, за которые можно потянуть и сдвинуть границу. Делается это следующим образом. В первую очередь, следует закрыть основную картинку от редактирования, повесив замок. После того, как изображение заблокировано, двойным щелчком нажимаем на Vector1. Появится новая панель редактирования.

Выбираем перо, как показано выше, и добавляем усик, щелкая по границе вектора, и рисуем в направления внутрь картинки. Чтобы закрепить , жмем дважды мышкой или на кнопку “Done”.

Дальше хватаем точку и двигаем в нужном направлении, настраивая выравнивание. Когда удалось добавить Mask, нужно соединить все слои.

№ 9. Как объединять в Фигме?

Для этих целей существует группировка, чтобы её сделать, нужно выделить оба объекта и нажать комбинацию клавиш CTRL+G. Другой вариант – воспользоваться контекстным меню, нажав правой кнопкой мыши Group Selection.

Чтобы разгруппировать элементы, щелкаем на объединенном объекте и CTRL+SHIFT+G. В контекстном меню появится новый пункт Ungroup, он тоже используется для разъединения. Иногда может потребоваться создать компоненты. Они нужны, чтобы добавлять большое количество шаблонов с одинаковыми свойствами, но измененными некоторыми составляющими.

Примером может служить кнопка, у которой проставлены одинаковые размеры, но цвет и имя должны отличаться. Для объединения в компонент, выберем два блока и нажмем CTRL+ALT+K или на верхней панели соответствующую кнопку, там также есть раскрывающий список, где предлагается использовать Create Multiple Components. Он позволяет сделать компоненты из всех отмеченных объектов.

Сейчас применим группировку (CTRL+G) и объедим здание с “маской”. Теперь создадим логотип рекламы “отеля”. Чтобы здание отображалась в круге. Нарисуем эллипс и заполним его цветом.

Расположите его ниже Group 1, сделайте копию и перетащите рядом. Ctrl+C и Ctrl+V.

Ко второй группе снова применим маску.

Выступающие края у первой группы (Group1) следует убрать, а именно срезать углы.

№10. Как обрезать в фигме картинку?

Сначала найдем в Group img1. Убедитесь, что в img1 замочек открыт, иначе не удастся срезать края. После отметки иллюстрации сверху появится Crop Image, нажимаем на него. Отобразятся захваты вокруг картинки, хватаем нижний и перемещаем наверх. Последовательность всех действий показана ниже:

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

Таким образом, используя маски и срезы можно создавать logo для компании, конечный результат:

В свободном пространстве эллипса можно написать названия отеля.

№11. Как сделать в Фигме фон или убрать его вообще?

Иногда дизайнеру нужно оставить некоторые предметы, а background удалить или заменить. Разумеется, подойдет вариант, описанный выше, способ с помощью пера и маски, но есть более действенный способ. Для этих целей существует plugin, который называется Remove BG. Он работает на нейронных сетях и умеет автоматически вырезать фон. Чтобы быстро его найти, вбиваем название в google и переходим на веб-сайт.

Нажимаем Install, теперь, если перейти в веб-сервис, появится Remove Bg, там есть два пункта “Run” и “Set Api Key”. Сначала перейдем в Set Api Key. Появится инструкция из двух шагов, выбираем ссылку и переходим на вебсайт, чтобы пройти регистрацию.

Посещаем сайт и регистрируемся, в верхнем левом углу жмем кнопочку Login/Sign Up. Переходим во вкладку и заполняем данными, указываем почтовый адрес и пароль. Есть две галочки, первая обязательная, вторая – это запрос “присылать уведомления, рассылки о новых функциях и предложениях”.

После заполнения щелкаем по Sign up, на почту придет письмо с активацией. Если не пришло, проверьте папку “Спам”, иногда по ошибке почта попадает туда. Переходим по ссылке и активируем аккаунт, теперь можно пользоваться функционалом. Зайдем в My Dashboard и направимся в Api Key, затем нажимаем на Show, появится ключ Api.

Копируем ключ и возвращаемся в плагин, открываем окно и вставляем key, потом щелкаем по save:

Чтобы протестировать, как работает Remove BG, найдем подходящую картинку в интернете, например, “Люди”.

Применим к фото plugin->Run и посмотрим результат, в итоге должна получиться фотография девушки без лишних объектов. Теперь сделаем background, например, офис, и наложим на картинку. При этом делайте так, чтобы слой office находился ниже в слоях, чтобы не перекрывал фото девушки. Пример:

Таким образом, с помощью плагина накладывается и убирается фон. Достаточно удобный инструмент Remove BG, так как нет надобности вырезать отдельные объекты с помощью “пера”, все делает утилита автоматически.

Каждый прототип обычно сопровождается кнопками. Они создаются с помощью обычных примитивов: квадратов, эллипсов и, соответственно, сверху накладывается надпись. Создадим контейнер с название button1. Цвет и другие настройки можно назначить в Design. Делаем объединение в компонент, придумываем название.

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

№ 12. Как сделать в Фигме градиент?

Кроме заливки в палитре цвета присутствует такой параметр как gradient. Чтобы добавить его, нужно выбрать стиль в раскрывающемся списке: Solid, Linear, Radial, Angular и Diamond. Ниже под списком можно обнаружить цветовой ползунок, на нем отмечаются цвета, которые помогут придать другой оттенок линиям.

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

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

№13. Как удалять в фигме?

Выделяем любой контейнер и нажимаем клавишу на клавиатуре del или delete.

№14. Как скопировать в фигме?

Чтобы сделать сразу несколько копий, потребуется произвести действие на выбранном субъекте CTRL+C.

№15. Как вставить в фигме?

Когда элемент скопирован, его нужно вставить, для этого существует быстрый способ CTRL+V.

№16. Как отменить в фигме последнее действие?

Чтобы сделать шаг назад, используются комбинации клавиш CTRL+Z.

№17. Как сохранять в фигме?

После завершения проектных работ, нужно сделать сохранение. В системе уже заранее предусмотрено autosave, все копии хранятся в истории. Чтобы занести в историю еще копию, нажмите Ctrl+Alt+S.

№ 18. Как экспортировать из фигмы?

Когда требуется сделать Export конкретного jpg файла или группы из нескольких image, в этом случае в правой панели нужно воспользоваться опцией Export, нажать плюсик, и выбрать формат сохранения, после этого нажать Export Group.

В левом верхнем есть дополнительные пункты для сохранения и показа истории версий копий (Show Version History).

Рис_44 alt:

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

Приватные проекты на бесплатном плане в Figma?

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

• Вопрос задан более трёх лет назад
• 6856 просмотров

2 комментария

Простой 2 комментария

Fengol @Fengol Автор вопроса

archelon, не понял. Я создал проект и дал на него ссылку кому-то. Он посмотрел и если захотел, взял его. Но если я ссылку не дам, то получается что мой проект приватный, хотя в прайсе написано что у бесплатных тарифов нет привата. Вот как это можно объяснить? Ведь Ваши слова по логике вообще ко всем планам применимы. Будь у Вас хоть ну ваще заприваченый проект, по логике, если вы на него ссылку дадите, то тот чувак тоже может при желании его стырить..

Fengol, по поводу «стырить» — это уже юридический вопрос.
Решения вопроса 2

Михаил Проскурин @mixail_fet
Дизайнер веб-интерфейсов

Разница есть и она очевидна, развею несколько ваших мифов:
1. Нет единого каталога всех проектов, их нельзя найти в гугле или получить каким-либо другим путём.
2. Вы не можете найти какого-либо пользователя и посмотреть его проекты.\

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

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