Уроки Figma #1: Обзор программы Figma

ПЛЕЙЛИСТ НОВЫХ УРОКОВ ПО FIGMA 2020

Ссылки на исходники в Sketch

Краткий обзор программы Figma и основных инструментов.
Figma отличный вариант для замены Sketch и Adobe XD. Удобная, быстрая и можно работать в браузере. К тому же приложение условно бесплатно. В программе можно проектировать интерфейсы, делать динамические прототипы и есть удобные инструменты для верстки. В общем реально крутой продукт и я не жалею о том, что перешел со Sketch-а.

Автор: Игорь Колесень
Школа дизайна - UX Mind School

Мы в соцсетях:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

[David-hbcs]

Спасибо большое за ваше желание делится и помогать другим!

[setliterarum]

Игорь, спасибо огромное за четкость речи, ёмкость материала и вообще : )

[ДмитрийЗадруцкий-жш]

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

[ОлександрНагорний-цй]

Просмотрю все видео касательно этой темы.

[colorgradingmaster]

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

[kkonova]

Спасибо за обзор! Все скептически относился к каким либо продуктам, кроме компании Adobe, после просмотра видео окончательно понял, что ФШ уже динозавр и нужно пробовать что-то новое

[artom]

Отлично рассказываешь, спасибо тебе огромное!

[sofakonyuhova]

Скажите пожалуйста по какой причине на ipad в Figma не работает текст?

[NickolayPlakhov]

Вопрос больше для тех, кто верстает из фигмы. Когда выделяешь текст образуется рамка выделения. Она шире текста на 1-2 пикселя в зависимости от шрифта, первой и последней букв, ещё она выше и ниже выносных элементов. Вопрос про выравнивание текста:
Нужно выравнивать текст по видимой части относительно других элементов или выравнивать лучше по рамке, которая образуется при выделении слоя с текстом? Как потом код достаётся из фигмы? С учётом этих 1-2 пикселей в рамке или программа не учитывает это расстояние и получив координаты по рамке верстальщик потом добавит текст на сайт по неверным координатам? То есть они-то верные, но только с учётом этих 1-2 пикселей (а где и больше).

[ЕкатеринаПокацкая-эх]

Здравствуйте, спасибо за видео, очень познавательно. Подскажите обязательно ли при работе с figma параллельно работать в adobe xd?

[oleksandrteren]

Как настроить интерфейс. Нету всех функций по середине (для работы с вектором и тд.), только маска, компонент и булевые группы!?

[belagigabyte]

Не понял, как шкалу включили? Также хотел бы узнать, возможно ли выгрузить интерактивный прототип в pdf как по аналогии в Axure? Можно ли выгрузить java-code в Android studio? Возможно ли в Figma править код - пробовал изменить тот же бэкграунд - не дает или нужно платную версию покупать? Вообщем, вопросов масса....

[dariavozdrahanova]

Добрый день. Это Вы бесплатную версию программы рассматриваете? Дело в том, что я скачала бесплатную, учусь с Вами, но не вижу такой вкладки, как у Вас - frame, где можно выбрать под какое устройство делаешь макет.

[A.lexandr]

Блин, почему никто не рассказывает: 1 - что это за программа, для чего она нужно? 2 - Кому она может быть полезна, что она умеет делать? (типо, для тех кто хочет рисовать многостраничные сайт, для мобильных приложений и т.д.) 3 - Функционал уже на следующем этапе, я вот посмотрел это видео, и не понял, нужно мне оно или нет, хотя знакомый сказал что для моей задачи это то - что нужно. Не понятно (((. Это не обзор, а просто показ, что будет когда включите программы и что где находиться.

[eduardi]

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

[coolmihasya]

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

и где посоветуешь найти шрифты похожий на почерк старых книг До Винчи :) Заранее спасибо )

[GlebLepeshkin]

Игорь, а в чем записывал своё видео? Свой скринкаст

[sergiiandrosov]

Здравствуйте, хорошее видео об азах. Вопрос: столкнулся с проблемой: боковая панель слоев в Фигме - стала блеклой и бледной - пропала четкость шрифта. Это просто вынос мозга, все перерыл - решение не найдено. Вероятно, ошибочно сработал хот кей... Народ, помогите решить эту проблему. Спасибо.

[Tashchinski]

Спасибо за обзор! Очень похожа прога на ФШ xd

[annatess]

Скажите пожалуйста, в моей Фигме в Drafts нет горячих клавиш Figma Keyboard Shortcuts, где их взять?