FREE Figma Web Design Course: Design a WEBSITE in FIGMA (Series)
5.0
(2)
32 learners
What you'll learn
This course includes
- 24.5 hours of video
- Certificate of completion
- Access on mobile and TV
Course content
1 modules • 77 lessons • 24.5 hours of video
FREE Figma Web Design Course: Design a WEBSITE in FIGMA (Series)
77 lessons
• 24.5 hours
FREE Figma Web Design Course: Design a WEBSITE in FIGMA (Series)
77 lessons
• 24.5 hours
- Design a WEBSITE IN FIGMA ep.01: The HEADER MENU 20:32
- THE FIRST THING Website Visitors See: Design a WEBSITE in Figma ep.02 20:48
- Design a WEBSITE IN FIGMA ep.03: The FEATURES SECTION 19:52
- WEB DESIGN IN FIGMA ep.04: Horizontal Text + Image Cards (Free Web Design Course) 19:59
- WEB DESIGN IN FIGMA ep.05: Swipeable Quotes / Social Proof Section (Free UX / UI Course) 26:23
- WEB DESIGN IN FIGMA ep.06: Call To Action (CTA) Section – Free UX / UI Course 21:34
- WEB DESIGN IN FIGMA ep.07: Interactive FAQs Section with ACCORDIONS – Free UX / UI Course 19:29
- WEB DESIGN IN FIGMA ep.08: The Footer Section – Free UX / UI Course 19:17
- WEB DESIGN IN FIGMA ep.09: Features Icons + Global Auto Layout – Free UX / UI Course 24:20
- WEB DESIGN IN FIGMA ep.10: Global Navigation Prototyping – Free UX / UI Course 13:15
- WEB DESIGN IN FIGMA ep.11: Dropdown Menu Navigation – Free UX / UI Course 22:08
- WEB DESIGN IN FIGMA ep.12: FEATURES Page – Free UX / UI Course 20:56
- WEB DESIGN IN FIGMA ep.13: Blog Page + Filter Articles by Categories – Free UX / UI Course 30:14
- WEB DESIGN IN FIGMA ep.14: Beautifying The Blog Page – Free UX / UI Course 28:27
- WEB DESIGN IN FIGMA ep.15: Blog ARTICLE Detail Page – Free UX / UI Course 16:50
- WEB DESIGN IN FIGMA ep.16: Finalizing The BLOG ARTICLE Page – Free UX / UI Course 17:46
- WEB DESIGN IN FIGMA ep.17: “Notes” Feature Image – Free UX / UI Course 17:14
- WEB DESIGN IN FIGMA EP.18: “Tracking Progress” Semi-3D Chart Image – Free UX / UI Course 21:28
- WEB DESIGN IN FIGMA ep.19: “SYNC DEVICES” Feature Illustration – Free UX / UI Course 25:31
- WEB DESIGN IN FIGMA ep.20: FORM FIELD Component (Simple and Interactive) – Free UX / UI Course 14:02
- WEB DESIGN IN FIGMA ep.21: Consent CHECKBOX – Free UX / UI Course 15:33
- WEB DESIGN IN FIGMA ep.22: Wireframing & Layout for Case Studies – Free UX / UI Course 07:09
- WEB DESIGN IN FIGMA ep.23: Case Studies Hero Section – Free UX / UI Course 18:33
- FIGMA WEB DESIGN ep.24: Hover Preview (Case Studies) – Free UX / UI Course 24:49
- WEB DESIGN IN FIGMA ep.25: Integrations Page pt.1 (Using Nested Components) – Free UX / UI Course 23:41
- WEB DESIGN IN FIGMA ep.26: Integrations Page pt.2 (Finishing + Adding Content) – Free UX / UI Course 20:47
- WEB DESIGN IN FIGMA ep.27: Customers Page pt.1 (Wireframing & Layout) – Free UX / UI Course 18:47
- WEB DESIGN IN FIGMA ep.28: Customers Page pt.2 (Hover Interaction, Finalizing) – Free UX / UI Course 31:48
- WEB DESIGN IN FIGMA ep. 29: Color Tokens + CTA Section Redesign – Free UX / UI Course 17:40
- WEB DESIGN IN FIGMA ep.30: Making The Footer RESPONSIVE – Free UX/UI Course 11:37
- Can You Make a RESPONSIVE HEADER in Figma? – Design a Website ep.31 – #free #ux #ui #course 13:24
- Responsifying an ENTIRE PAGE in Figma – Design a Website ep.32 – #free #ux #ui #course 14:26
- This File Was a MESS – Until I did THIS (Web Design Series ep. 33 • #figma #ux #ui #course) 37:02
- DROPDOWN MENU Tweaks & Improvements (Web Design Series ep. 34 • #free #ux #ui #course) 09:04
- MULTI-LEVEL DROPDOWN MENU (Web Design Series ep. 35 • #free #ux #ui #course) 21:14
- This Card is Now FULLY RESPONSIVE – How Did I Do It? (Web Design Series ep. 36 • #figma #tutorial) 19:47
- How To Make a Layout Ready for FIGMA SITES (Web Design Series ep. 37 • #free #ux #ui #course) 27:22
- Create a BUTTON FLARE EFFECT in Figma • Animated (Web Design Series ep. 38 • #free #ux #ui #course) 17:29
- WIREFRAME in MINUTES: Page for LOGOS, COLORS etc. (Web Design Series ep.39 • #figma #tutorial) 09:11
- WIREFRAME: Company HISTORY, Mission & Vision (Web Design Series ep. 40 • #figma #ux #ui #course) 13:04
- Did ChatGPT Just Create a Logo For My App? (Web Design Series ep. 41 #figma #ux #ui #course) 15:10
- Actual FIGMA → WEB Workflow is Finally Here – Figma Sites (Web Design Series ep.42 • #figma #course) 12:10
- Figma Sites: Explaining REPONSIVENESS Using a Custom Component (Web Design ep.43 • #figma #course) 12:33
- How to Use BREAKPOINTS in Figma Sites (Web Design ep. 44 • #figma #ux #ui #course) 12:16
- Are Figma Sites FREE TO USE? (Web Design ep. 45 • #figma #ux #ui #course) 03:29
- HOVER Effect on a LIVE WEBSITE Using Figma Sites (Web Design ep. 46 • #figma #ux #ui #course) 09:21
- Your Figma Animations Don't Have to Stay in Figma (Web Design ep. 47 • #figma #course) 09:30
- CAN WE DO IT? Complex Website Navigation in Figma Sites Pt.1 (Web Design ep. 48 • #figma #course) 18:45
- Build a NESTED DROPDOWN Menu Navigation in FIGMA SITES pt.2 (Web Design ep. 49 • #figma #course) 22:51
- How To Make a RESPONSIVE MENU with DROPDOWNS in Figma Sites (Web Design ep. 50 • #figma #course) 35:02
- Responsify The HERO and CARDS Sections (Web Design ep.51 • #figma #course) 24:32
- Responsify The QUOTES Section – Horizontal Scroll / Swipe (Web Design ep. 52 • #figma #course) 23:33
- Homepage is Now RESPONSIVE and LIVE ON THE WEB! (Web Design ep. 53 • #figma #course) 18:14
- Mobile Font Sizes Using VARIABLES + Linking Text Styles (Web Design ep. 54 • #figma #uxui #course) 18:39
- Responsify And Publish The FEATURES Page (Web Design ep. 55 • #figma #course) 22:35
- Responsify And Publish The INTEGRATIONS Page (Web Design ep. 56 • #figma #course) 15:31
- This is Why You SKETCH Before Redesigning UIs (Web Design ep. 57 • #figma #course) 08:38
- Go From SKETCH → COMPONENT → LIVE WEBSITE in Figma Sites (Web Design ep. 58 • #figma #course) 29:52
- Responsify And Publish The CUSTOMERS Page (Web Design ep.59 • #figma #course) 16:25
- How To CONNECT ALL YOUR PAGES Using Links – Figma Sites (Web Design ep.60 • #figma #course) 13:17
- Responsify And Publish The BLOG LISTING Page (Web Design ep.61 • #figma #course) 28:26
- Responsify And Publish The ARTICLE DETAIL Page (Web Design ep.62 • #figma #course) 17:26
- Responsify And Publish The CASE STUDIES Page (Web Design ep.63 • #figma #course) 33:10
- Animated ANCHOR LINKS on a Live Website Using Figma Sites (Web Design ep.64 • #figma #course) 36:23
- Design a RESPONSIVE TIMELINE – Grid Auto Layout in Figma Sites (Web Design ep.65 • #figma #course) 23:21
- “Download Assets” UI – User Flow Sketching (Web Design ep.66 • #figma #course) 11:13
- “Download Assets” UI – Clickable Prototype (Web Design ep.67 • #figma #course) 22:31
- “Download Assets” UI – Adding Animations and Micro Interactions (Web Design ep.68 • #figma #course) 49:20
- “Download Assets” UI – Making The Component Responsive (Web Design ep.69 • #figma #course) 24:05
- Things to AVOID To INCREASE USER TRUST – Contact Us Page (Web Design ep.70 • #figma #course) 10:47
- Create a Numbers Section With ANIMATED REVEAL in Figma Sites (Web Design ep.71 • #figma #course) 19:50
- Custom Icon Bullet Points in Figma (Web Design ep.72 • #figma #course) 08:43
- On-Hover Interactive BAR CHART on a Live Site (Web Design ep.73 #free #figma #course) 34:46
- Interactive SLIDER in Figma Sites (Web Design ep.74 #free #design #course) 17:58
- Important sections actually need to LOOK IMPORTANT (Web Design ep.75 #free #design #course) 06:54
- EDITABLE TEXT FIELD Using Figma Make (Web Design ep.76 #free #course) 07:34
- “Chat with a specialist” UI – wireframe (Web Design ep.77 #free #course) 07:39
Take this course with you
Download the app to continue lessons from your phone anytime.
