Intro to Figma and Design/Dev Fundamentals—Module 2
5K views · 2024-07-11
UI DesignInteraction & UX
Need clarity on your freelance journey? ➡️ Book a free strategy session with me to map out your next steps as a freelance web designer: https://callwdc.com
Welcome to Module 2 of our Free Web Design Course: "Introduction to Figma and Design/Dev Fundamentals"! 🎨💻 In this module, we will dive into the essential tools and principles that will set the foundation for your journey in web design and development.
00:00 Intro
00:43 Lesson 2.1: Exploring the Different Professional Disciplines
05:12 Lesson 2.2 Getting Started with Figma
11:30 Lesson 2.3 Basic Tools and Features in Figma
32:13 Lesson 2.4 Understanding the Web Design Principles
40:15 Lesson 2.5 The Benefits of Knowing How Web Dev Works
42:27 Lesson 2.6 Discovering the Core Web Development Tech
53:48 Lesson 2.7 Exploring No-Code Web Development
54:17 Lesson 2.8 Which are the Best No-Code Platforms?
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
🌍 Join our Community (It's Free):
https://webdesignerscollective.com
🏋️♂️ Exercises:
Module 2 Exercises:
https://freewebdesigncourse.com/exercises#module-2
🪙 Resources:
https://freewebdesigncourse.com/resources
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
📚 Module 2 Outline:
● Lesson 2.1: Exploring the Different Professional Disciplines
Discover the various roles and specializations within the web design and development field.
● Lesson 2.2 Getting Started with Figma
Learn how to set up Figma, navigate its interface, and start your first project.
● Lesson 2.3 Basic Tools and Features in Figma
Understand the fundamental tools and features of Figma to enhance your design workflow.
● Lesson 2.4 Understanding the Web Design Principles
Gain insights into key design principles such as layout, typography, and color theory.
● Lesson 2.5 The Benefits of Knowing How Web Dev Works
Learn why understanding web development can make you a better designer.
● Lesson 2.6 Discovering the Core Web Development Tech
An introduction to essential web development technologies that designers should know.
● Lesson 2.7 Exploring No-Code Web Development
Explore the world of no-code development and how it can speed up your workflow.
● Lesson 2.8 Which are the Best No-Code Platforms?
Find out which no-code platforms are the best for web designers.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
#WebDesign #WebDevelopment #UXDesign #UIDesign #UXUIDesign #UIUXDesign #WebDesignCourse #OnlineCourse #LearningOnline #CareerSwitch #ResponsiveDesign #LearnWebDesign #WebDesigner #Figma #Framer #Webflow #figmatutorial
Welcome to Module 2 of our Free Web Design Course: "Introduction to Figma and Design/Dev Fundamentals"! 🎨💻 In this module, we will dive into the essential tools and principles that will set the foundation for your journey in web design and development.
00:00 Intro
00:43 Lesson 2.1: Exploring the Different Professional Disciplines
05:12 Lesson 2.2 Getting Started with Figma
11:30 Lesson 2.3 Basic Tools and Features in Figma
32:13 Lesson 2.4 Understanding the Web Design Principles
40:15 Lesson 2.5 The Benefits of Knowing How Web Dev Works
42:27 Lesson 2.6 Discovering the Core Web Development Tech
53:48 Lesson 2.7 Exploring No-Code Web Development
54:17 Lesson 2.8 Which are the Best No-Code Platforms?
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
🌍 Join our Community (It's Free):
https://webdesignerscollective.com
🏋️♂️ Exercises:
Module 2 Exercises:
https://freewebdesigncourse.com/exercises#module-2
🪙 Resources:
https://freewebdesigncourse.com/resources
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
📚 Module 2 Outline:
● Lesson 2.1: Exploring the Different Professional Disciplines
Discover the various roles and specializations within the web design and development field.
● Lesson 2.2 Getting Started with Figma
Learn how to set up Figma, navigate its interface, and start your first project.
● Lesson 2.3 Basic Tools and Features in Figma
Understand the fundamental tools and features of Figma to enhance your design workflow.
● Lesson 2.4 Understanding the Web Design Principles
Gain insights into key design principles such as layout, typography, and color theory.
● Lesson 2.5 The Benefits of Knowing How Web Dev Works
Learn why understanding web development can make you a better designer.
● Lesson 2.6 Discovering the Core Web Development Tech
An introduction to essential web development technologies that designers should know.
● Lesson 2.7 Exploring No-Code Web Development
Explore the world of no-code development and how it can speed up your workflow.
● Lesson 2.8 Which are the Best No-Code Platforms?
Find out which no-code platforms are the best for web designers.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
#WebDesign #WebDevelopment #UXDesign #UIDesign #UXUIDesign #UIUXDesign #WebDesignCourse #OnlineCourse #LearningOnline #CareerSwitch #ResponsiveDesign #LearnWebDesign #WebDesigner #Figma #Framer #Webflow #figmatutorial