macOS Web Development Setup | Tutorial Series | 10 Figma Basics
Design in the cloud! Collaborate in a team. Interface design made a lot easier. In this video we'll look at some figma basics, interface and some tools.
Tutorial Series Overview
We'll be making some system preference changes.
Install Command line Tool
Install Homebrew to install the rest of our applications through CLI.
Install nvm to manage our Node version.
Setup SSH key.
Setup git with GitHub.
Configure VSCode & Browsers.
Taking a look at Figma
This video tutorial series about Setting Up MacOS for Web Development by codewithchu. Video 10 (pt.1) of 10.
Tutorial Source Files can be found on Github.
https://github.com/codewithchu/macos-...
Subscribe and Learn to codewithchu
/ @codewithchu
Video Sections
00:00 Overview
02:00 Figma Interface
04:50 Plugins
05:30 Figma Basics
05:54 Frames
07:00 Contraints
08:42 Components
12:00 Styles
15:45 Smart Selections
16:19 Exporting
17:32 Figma Prototype
19:58 Outro
Resources
--------------------------------------------------------------
Homebrew - https://brew.sh
Rectangles - https://rectangleapp.com/
ohmyz - https://ohmyz.sh
nvm - https://github.com/nvm-sh/nvm
node - https://nodejs.org
GitHub - https://github.com
VSCode - https://code.visualstudio.com
Figma - https://www.figma.com
Connect with codewithchu
--------------------------------------------------------------
https://arthurchu.ca
/ codewithchu
/ codewithchu
/ codewithchu
https://github.com/codewithchu
На этой странице сайта вы можете посмотреть видео онлайн macOS Web Development Setup | Tutorial Series | 10 Figma Basics длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь codewithchu 17 Декабрь 2020, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 155 раз и оно понравилось 1 зрителям. Приятного просмотра!
