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
Auf dieser Seite können Sie das Online-Video macOS Web Development Setup | Tutorial Series | 10 Figma Basics mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer codewithchu 17 Dezember 2020 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 155 Mal angesehen und es wurde von 1 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
