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
Nesta página do site você pode assistir ao vídeo on-line macOS Web Development Setup | Tutorial Series | 10 Figma Basics duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário codewithchu 17 Dezembro 2020, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 155 vezes e gostou 1 espectadores. Boa visualização!
