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
En esta página del sitio puede ver el video en línea macOS Web Development Setup | Tutorial Series | 10 Figma Basics de Duración hora minuto segunda en buena calidad , que subió el usuario codewithchu 17 diciembre 2020, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 155 veces y le gustó 1 a los espectadores. Disfruta viendo!
