21 урок по FIGMA
21 урок по FIGMA
Даниил Волосатов подготовил для вас 21 урок по работе с новым онлайн-сервисом Figma.
Сложность урока: Средний
Содержание
- #1. Скачиваем программу Figma
- #2. Обзор интерфейса
- #3. Frame
- #5. Инструмент формы
- #6. Перо и карандаш
- #7. Инструмент текст
- #8. Комментарии
- #9. Экспорт
- #10. Смарт выравнивание
- #11. Маска слоя
- #12. Share
- #13. Модульная сетка
- #14. Режим смешивания
- #15. Стили для текста
- #16. Стили для цвета
- #17. Компоненты
- #18. Адаптивные элементы
- #19. Прототипирование
- #20. Плагины
- #21. Гифки в Figma
- # Комментарии
Начните осваивать карьеру веб-дизайнера с новым онлайн-сервисом Figma. Даниил Волосатов — веб-дизайнер «Фотошоп-мастер», подготовил для вас подробные уроки.
1. Скачиваем программу Figma
2. Обзор интерфейса
3. Frame
4. Move и Scale
5. Инструмент формы
6. Перо и карандаш
7. Инструмент текст
8. Комментарии
9. Экспорт
10. Смарт выравнивание
11. Маска слоя
12. Share
13. Модульная сетка
14. Режим смешивания
15. Стили для текста
16. Стили для цвета
17. Компоненты
18. Адаптивные элементы
19. Прототипирование
20. Плагины
21. Гифки в Figma
Источник: creativo.one
Комментарии 53
Большое спасибо! Попробую....
Спасибо за урок, коротко и информативно!
Спасибо за уроки
Спасибо большое за курс!!!
Изучила все инструменты, спасибо!
я на марафоне
Спасибо за уроки!
Спасибо за уроки!
Спасибо за отличный курс! Благодаря ему многое упорядочилось. Мне было особенно полезно т. к. в основном изучала Figma "методом тыка". Знание Photoshop порой помогало, порой мешало. Теперь все стало по полочкам. Главное, чаще использовать эти знания на практике.
Спасибо Даниил, за очень интересные уроки! Вдохновили на подвиг! Вот мой первый опыт в Фигме. Конечно много вопросов при построении возникают, но это дело практики. Буду дальше осваивать!
https://www.figma.com/file/zNBEDBQCZUVWq9cQMW3DTl/%D0%A3%D1%87%D0%B5%D0%B1%D0%BD%D1%8B%D0%B9?node-id=0%3A1
это презентация
https://www.figma.com/proto/zNBEDBQCZUVWq9cQMW3DTl/%D0%A3%D1%87%D0%B5%D0%B1%D0%BD%D1%8B%D0%B9?node-id=2%3A0&scaling=min-zoom
Посмотрела эти видео и сразу Фигма стала близка и понятна. Мне она напомнила векторную программу, в которой я обычно работаю. Как я понимаю, она на все программы в чём-то похожа
)
Так вдохновили уроки, что я решилась на отрисовку (вот везде пытаюсь её делать, только не там где надо
Конечно она коряво получилась, не совсем поняла как редактировать потом точки. И по маске тоже вопрос - почему она накладывается на контур, когда его нет?
Даниилу спасибо за вдохновение!
Как то так landing page!
https://www.figma.com/proto/LITIsfMVlrxBQe1KzEtDXb9O/Untitled?node-id=1%3A2&viewport=449%2C492%2C0.5&scaling=min-zoom
Спасибо за азбуку, благодаря которой теперь не сложно читать Фигму. Не поняла только, как возвращаться к предыдущим действиям.
Лида50, Нажимайте на клавиатуре Ctrl+Z, либо выбирайте в самой программе Menu-Edit-Undo
Спасибо за уроки.К сожалению, не всегда понятны операции, так как не совпадают с маком. На пример, не понятен урок Share. Как перейти в браузер? И почему там вдруг откроется мой проект? Совсем не понятно)
Здравствуйте! Смотреть можно будет до 4 включительно? Не успел сегодня( Завтра смогу досмотреть?
Добрый день! А видео без звука или это у меня на компе что-то не так?
Ольга Перелыгина, Здравствуйте! Это у вас что то. Попробуйте зайти через другой браузер.
Большое спасибо за уроки! Вот мой первый опыт: https://www.figma.com/file/20n9QENPy1Dsr5EARsTZwk/1?node-id=0%3A1 Возник вопрос - как вставить ссылку?
https://www.figma.com/file/G1NXmQeOYuzoBDwFwGBtEMFl/Untitled?node-id=0%3A1
https://www.figma.com/file/Voag9P20AVAArpDBVBPhBu50/Frames?node-id=0%3A1
Спасибо большое за уроки)
Спасибо большое!
Любовь, Пожалуйста Люба)
Вот,что я натворила в Фигме..Я новичок)
Evgenia Shekhovtsova, Ну в любом случае это первые шаги! Здорово, продолжайте Евгения. За окном самая лучшая пора чтобы сажать семена, которые уже прорастут до весны!
Спасибо! У меня вопрос: когда я создаю фигуру прямоугольника, нажимаю на маску и добавляю картинку, у меня картинка отображается полностью в прямоугольнике. А как сделать как в уроке,чтоб отображалась часть картинки и нужную часть я передвигала внутри прямоугольника??
Evgenia Shekhovtsova, на маску надо нажимать после добавления картинки, которую ставим над прямоугольником.
Это очень удобная программа, спасибо!
Oksana Boronenko, Пожалуйста)) осваивайте. Будут еще уроки!
спасибо большое
Благодарю, за уроки! Будем осваивать.
Спасибо! Коротко и понятно
Спасибо!
Благодарю.
Просмотрела все уроки. Приложила картинку того, что сделала в программе Figma.
Aļona Suhačova, Начало положено) остальное дело практики)
Спасибо большое :)
Спасибо большое