ym104432846
Вставьте ссылку на видео из Youtube, Rutube, VK видео
Задайте вопрос по видео
Что вас интересует?
00:00:15
Бесплатный курс по работе с Фигмой:
  • 1. Запланирован запуск бесплатного курса по обучению программе Фигма
  • 2. Курс будет доступен бесплатно, взамен ожидается активность пользователей (лайки, комментарии)
  • 3. Для начала работы с программой Фигма пользователям предлагается официальный сайт figma.com
00:01:17
Подписка и тарифы Фигмы:
  • 1. Бесплатный тариф доступен пользователям на начальном этапе и подходит для личных проектов без коммерческой цели
  • 2. Платные тарифы включают дополнительные возможности: неограниченное число папок, коллективную работу над проектами и расширенный функционал
  • 3. Пользователи бесплатного тарифа предупреждены о риске непредвиденных расходов при предоставлении прав на редактирование другим пользователям
00:03:49
Организация работы в Фигме:
  • 1. Для удобства работы предлагается использовать проекты, где каждый клиент получает отдельную папку для размещения файлов
  • 2. В проекте доступна вкладка «Ресурсы», доступная только в платной версии
  • 3. В секции «Комьюнити» собраны полезные ассеты (иконки, ЮИ, элементы дизайна), доступные бесплатно
00:04:50
Создание документов и работа с объектами:
  • 1. Рассматривается возможность бесплатного перераспределения и работы с контентом
  • 2. Предложено использовать платформу Figma для создания дизайна и презентаций
  • 3. Введена новая структура подразделов (фикса, джима, слайсов) внутри секции дизайна
00:05:21
Интерфейс и базовые функции Фигмы:
  • 1. Интерфейс программы представлен следующим образом: вверху располагается раздел меню, далее идет список открытых проектов, слева отображаются слои и монтажные области с ассетами, библиотека уникальных объектов расположена внизу, центральную часть занимает рабочая область файлов проекта, справа выводится панель свойств объекта или монтажной области
  • 2. Добавлен новый раздел «дро», предназначенный для рисования, однако пока этот инструмент не используется, основное внимание уделяется изучению существующих возможностей
  • 3. Для создания новой монтажной области (фрейма) необходимо кликнуть мышью по нужному месту или воспользоваться клавишей `f` (hotkey), после чего появится возможность изменять размеры фрейма и просматривать его свойства
00:08:40
Применение Фигмы в дизайне социальных сетей:
  • 1. Для разработки дизайна сайтов и приложений рекомендуется использовать божественный фотошоп, иллюстратор или аналогичные инструменты
  • 2. Для оформления постов и сторис в социальных сетях спикеры рекомендуют использовать программу Figma
  • 3. Подписчики спикера приглашаются ознакомиться с его публикациями в Instagram, содержащими полезную информацию по дизайну и личным интересам автора
00:09:27
Альтернативы Фигмы для сложных задач:
  • 1. Участники обсуждения рекомендуют использовать специализированные платные программы (адоб-продукты) или бесплатную альтернативу Affinity для обработки сложных изображений и коллажей
  • 2. Figma позиционируется исключительно как инструмент для простых дизайнерских задач, не предназначенный для профессиональной работы с фото и сложными графическими операциями
  • 3. Обсуждение касается выбора инструментов для выполнения специфической графической работы, исключающей использование бесплатных решений для сложных задач
00:10:13
Базовые настройки объектов и слоев:
  • 1. Обсуждены базовые настройки программы Adobe Figma, включающие выравнивание объектов, изменение положения, поворот, отражение, настройки прозрачности, скругление краев, добавление заливки, обводки, направляющих и экспорта
  • 2. Участники узнали, что программа Adobe Figma проста в освоении даже на базовом уровне, однако содержит большое количество нюансов и возможностей для углубленного изучения
  • 3. Спикер рекомендовал зрителям подписаться на канал, ставить лайки и активировать колокольчик уведомлений, чтобы не пропустить последующие видеоматериалы
0: Всем привет и рад вас видеть на канале фотофокус. Я к вам с потрясающими новостями. Все, вы знаете, что у нас на канале уже выходил курс по фигме, где в деталях рассказывал, как работать с этим софтом. Однако разработчики взяли и обновили интерфейс до неё.
1: Узнаваемости. И я вижу огромное количество запросов о том, чтобы снять новую версию в связи с новшествами, которые разработчики добавляли. И, конечно же, мы это сделаем. Поэтому этим роликом я объявляю начало нашего нового бесплатного курса по фигме.
2: Никаких платных вещей, ничего с вас брать не будем, только лайк, комментарий и поддержку, потому что чем больше активности вы будете давать на эти курсы, тем дольше они будут выходить, потому что YouTube важно, чтобы люди классно реагировали.
3: На ролики иначе, как мы знаем, люди до конца курсов не доходят, и это потом плохо. Ну, в общем, не затягиваю. Давайте разбираться с фигмой. Что ж тут новенького? Прям сначала стартуем.
4: 1 вопрос у вас возникнет, где ж её скачать? И здесь все просто. Заходите в google, пишите фигма точка ком, заходите на 1 ссылку фигма точка ком и скачиваете с официального сайта можно пользоваться онлайн версией, однако я ей не пользуюсь, потому что
5: Зачем? Если можно скачать на компьютер и работать в отдельном приложении, мне так удобнее. Но если вам надо онлайн тоже все работает. Все классно. Следующий вопрос, который у вас возникнет. А что делать с оплатой? С подпиской? Надо ли платить за фигму?
6: Я скажу так необязательно, особенно на старте. Или если у вас свои личные проекты, если вы не гонитесь за коммерцией, можно работать на бесплатной. Однако в деталях сейчас все расскажу подробнее. Когда вы зайдёте в фигму, вы увидите раздел вью пленс, то есть посмо.
7: Доступные тарифы и их 3 штуки. 1 это стартер, в котором у вас есть просто вся базовая вещь, которую вам надо для работы спокойно можно будет делать сайты спокойно можно будет делать
8: В социальные сети себе шаблоны просто огромное количество, их проблем с этим нет. Однако если вам необходимо, чтобы у вас было бесконечное количество папок, проектов, если вам надо, чтобы у вас была возможность работать коллективно над проектом,
9: И так далее, то вам надо будет апгрейдить тариф, если вы ai захотите использовать фигмой. В общем тогда надо будет платить и здесь внимательно смотрите, потому что вас на год будут подписывать, однако вы можете переключить на масли
10: Смотреть на месячную оплату, но, но вы должны понимать, что есть такая неприятная штука, как, ну, подляна такая со стороны фигмы, что когда вы на платном тариф,
11: Даёте доступ к редактированию другому человеку. Этот человек, если зайдёт со своего аккаунта, вы за него будете платить не классно. То есть вы, сами того не понимая, можете попасть на реальные бабки. Это
12: Нехорошо, поэтому имейте это ввиду. За каждого редактора вы будете платить отдельно, поэтому делитесь только доступом к просмотру. И только если вы уверены, делитесь к редактированию. Это важно. Ну и организация, я сомневаюсь, что она вам надо, поэтому
13: Будем рассматривать с вами бесплатную версию. Я абсолютно уверен, что большая часть людей будет пользоваться бесплатной версией. Им этого хватит вот за глаза. Если захотите заплатить, всегда получится. Теперь разбираемся с тем, как устроена фигма. Устроена она мега просто.
14: Проще, чем адоп намного. Механизм. Следующий главный экран это ваши прошлые открытые проекты. Слева у вас идут ваши помеченные проекты, ваши драфты. Это специальная секция, в которой у вас большое
15: Количество файлов может находиться, они все в кучу навалены. Тут нет какой-то организации удобной по папкам, потому что эта организация находится в проектах. Если вам необходимо разбить работу между разными клиентами, вы заходите в раздел проекты.
16: Здесь вы уже делаете себе проект 1, 2, 3, 4, 5 и под каждого клиента все файлы накидываете и работаете таким образом. Очень удобно. Поэтому, если вам это важно, вы можете пользоваться проектами. Есть также вкладка ресурсов.
17: Она тоже платная, поэтому для нас по факту доступно только drafts, однако есть классная штука, потому что в этом разделе есть ещё секция комьюнити, и она очень полезная, если вы в неё зайдёте.
18: Попадёте в отдельное окно, внутри которого вы найдёте огромное количество ассетов, которые делали другие дизайнеры, иконки, юай, элементы, различные готовые формы, дизайны. И вы это можете просто контрол ц контрол в себе, в проект и уже
19: Перерабатывать, работать с этим большая часть бесплатно. Однако, если оно вам надо, это прям мега полезно. Мега. Быстро, удобно. Советую. Ну а теперь переходим к созданию самого документа. Справа сверху вы найдёте большое количество разделов.
20: Это все такие подблоки, фигмы, потому что figma постепенно разрастается и раньше у нас была по факту секция дизайн, только сейчас есть фик джим слайс. Это для презентации бас черт, просто тут это будет раз.
21: Остаться до бесконечности, пока нам надо дизайн и я уверен, этого вам будет прям достаточно. Нажимаем дизайн и попадаем вот в такой интерфейсик. По умолчанию вам потребуется переключиться со вкладки
22: На вкладку файл, потому что вкладка сеты нам не нужна. Она у многих теперь открывается по умолчанию, хотя это и бесит. И теперь будем ознакамливаться с вами, с интерфейсом, как он здесь есть. Для начала поймём, что сверху у нас
23: Раздел меню. Все точно так же, как всегда ниже находится список открытых проектов. Слева у нас находятся наши слои и монтажные области вместе с ассетами ассеты воспринимайте как вот кто в одом работает.
24: Библиотеки. Вот тоже самое. Вы сюда грузите свои уникальные универсальные, вернее, ассеты. Например, у вас есть проект сайта, у вас есть кнопки, эти кнопки из раза в раз повторяются, они одинаковые или логотипы вы просто отсюда вытащили
25: Вставили в другой проект и работаете далее. Вот тот же принцип и пока оно нам не надо. Поэтому просто пропускаем, работаем только с файлами по центру у вас будет вся ваша работа и справа у вас будет панель свойств вашего
26: Объекта или же монтажных областей и так далее. А снизу находятся все инструменты. И тут я могу всех успокоить. Все как было просто, так и остаётся никаких вау, вау, фишек, гипер сложностей. Все легко.
27: У нас есть инструменты, связанные с перемещением. У нас есть инструменты, связанные с монтажными областями, есть инструменты создания базовых примитивов, там прямоугольнички, квадратики, фоточки и, соответственно, перо текст бесполезная фигня для вас.
28: Комментарий экшенс бесполезная фигня для вас скорее всего будет большую часть времени, уж потом сюда заползёт когда надо будет и важно добавили новые такие подразделы ранее у нас был только дизайн мод и developer mode.
29: Сейчас они добавили ещё раздел дро для того, чтобы вы могли рисовать, у вас в этом случае меняется панель инструментов, но пока мы сюда не лезем, разбираемся с тем, что у нас тут имеется, чтоб создать новый холст.
30: Вам потребуется нажать левой кнопкой мыши вот сюда, на фрейм или же просто клавиша ф английская. Запоминайте хоткей и растягиваем левой кнопкой. Мыши. Готово, фрейм у нас растянут. И теперь вы видите его размер, вы видите его название и
31: И все свойства этой монтажной области. Хочу сразу, чтобы вы понимали, что механика работы с монтажными областями здесь и в адоп продуктах она сильно отличается, потому что в адоп продуктах у вас 1 монтажная область, вы на
32: И работаете. А тут у вас может быть монтажная область внутри монтажной области, внутри монтажной области и так далее. Это нужно, чтобы вы могли удобно выравнивать все элементы друг относительно друга. Кто работал с этим css, понимает.
33: Аналогию с div блоками, где вы назначаете все отдельно, кто нет, наглядно все покажу и у вас возникнет вопрос, а зачем мне вообще надо фигма вот где её использовать? Логично. А где я могу не тратить время и
34: Идти в божественный фотошоп, иллюстратор и аналоги. Если вам необходимо разрабатывать юай дизайн. То есть это дизайн сайтов, дизайн приложений. Если вы занимаетесь социальными сетями, вы делаете посты сторис прям
35: Вообще не теряйте время. Заходите в фигму, божественный инструмент, все свои социальные сети. К слову, подписывайтесь на мой инстаграм. Там куча информации по дизайну жизни моей сша, путешествия, собака, корги. В общем, много всего интересного. Залетайте ко мне.
36: Инсту. Все посты оформлены только в фигме, и это занимает немного времени и очень удобно, и все посты в 1 месте класс. Поэтому для этих задач фигма божественна. Но если вы надумаете готовить проекты к печати,
37: Если вы захотите заниматься сложной обработкой фотографий, коллажи, ованием, ну, не мучайте себя. Ну ну, это глупо. Я знаю, что есть люди, которые занимаются обходными путями, лишь бы не платить деньги, и они уродуются, выкручивают там просто
38: Костыли такие не страдайте фигнёй честно идите в адоп продукты или если у вас категорическая неприязнь к адоп продуктам по какой-то причине, возьмите, скачайте себе бесплатный аффинити и делайте эту работу в affinity.
39: Потому что figma вообще не про комплексную работу с фотографиями, не про колашине, не про ретуширование, не про допечатную подготовку, не про большие, просто про это все забывайте, оно не про это.
40: Все очень экспрессивно. Надеюсь, дал вам понять, что, зачем и как теперь напоследок пройдусь по базовым настройкам, которые вы здесь найдёте. Просто чтобы вы чуть чуть ориентировались, когда выбираете объект, например, фрейм, у вас справа есть возмо
41: Возможность выровнять его, выставить конкретное положение по иксу, по игреку этого фрейма, повернуть его, наклонить, отразить по горизонтали. Есть настройки для лейаутов, которые мы внимательно разберём. Есть настройки для прозрачности.
42: Есть настройки для скругления краёв добавить заливку сюда, обводку эффектов разных накинуть сюда направляющие, добавить, экспортировать. Вот все это вы здесь найдёте вместе с этим есть огромное количество
43: Микронюансов и фишек. И за это я фигму люблю, потому что на базовом уровне в ней разобраться можно. Буквально за вечер вы сели, чуть чуть поколупались. Все. Вы прекрасно знаете этот софт на базовом уровне, но в глубине здесь есть в чем разбирать.
44: Есть свои фишки, большую часть из которых я вам с радостью расскажу. Но в следующих видео. А вы подписывайтесь на канал, ставьте лайки, прожимайте колокольчик, чтобы не пропускать эти самые следующие ролики, а я увижу вас в следующем.
45: Видео пока.