This week introduces the course and core Figma skills through hands-on activities. You will learn about the Atomic Design framework and practice key tools like Auto Layout and Components by recreating an existing website or an app.
Topics
- Course Introduction
- Figma
- Atomic Design
Class Activities
- Figma account set up
- Figma Fundamentals (Design your profile card in Figma)
- Applying Atomic Design framework: Web/Mobile app design
Assignment 1: Figma Beginner Course
Helpful Links
Atomic Design: https://atomicdesign.bradfrost.com/table-of-contents/
Learning Figma
- Figma Documentation: https://help.figma.com/hc/en-us/categories/360002042553
- Figma Courses: https://help.figma.com/hc/en-us/sections/23691657321239
- Figma Example Projects: https://help.figma.com/hc/en-us/sections/13148624530967
- Figma Youtube Channel: https://www.youtube.com/@Figma/
Portfolio/Wordpress: