macOS Web Development Setup | Tutorial Series | 10 Figma Basics

Pubblicato il: 17 dicembre 2020
sul canale di: codewithchu
155
1

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


In questa pagina del sito puoi guardare il video online macOS Web Development Setup | Tutorial Series | 10 Figma Basics della durata di ore minuti seconda in buona qualità , che l'utente ha caricato codewithchu 17 dicembre 2020, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 155 volte e gli è piaciuto 1 spettatori. Buona visione!