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 MENU20:32
- THE FIRST THING Website Visitors See: Design a WEBSITE in Figma ep.0220:48
- Design a WEBSITE IN FIGMA ep.03: The FEATURES SECTION19: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 Course21:34
- WEB DESIGN IN FIGMA ep.07: Interactive FAQs Section with ACCORDIONS – Free UX / UI Course19:29
- WEB DESIGN IN FIGMA ep.08: The Footer Section – Free UX / UI Course19:17
- WEB DESIGN IN FIGMA ep.09: Features Icons + Global Auto Layout – Free UX / UI Course24:20
- WEB DESIGN IN FIGMA ep.10: Global Navigation Prototyping – Free UX / UI Course13:15
- WEB DESIGN IN FIGMA ep.11: Dropdown Menu Navigation – Free UX / UI Course22:08
- WEB DESIGN IN FIGMA ep.12: FEATURES Page – Free UX / UI Course20:56
- WEB DESIGN IN FIGMA ep.13: Blog Page + Filter Articles by Categories – Free UX / UI Course30:14
- WEB DESIGN IN FIGMA ep.14: Beautifying The Blog Page – Free UX / UI Course28:27
- WEB DESIGN IN FIGMA ep.15: Blog ARTICLE Detail Page – Free UX / UI Course16:50
- WEB DESIGN IN FIGMA ep.16: Finalizing The BLOG ARTICLE Page – Free UX / UI Course17:46
- WEB DESIGN IN FIGMA ep.17: “Notes” Feature Image – Free UX / UI Course17:14
- WEB DESIGN IN FIGMA EP.18: “Tracking Progress” Semi-3D Chart Image – Free UX / UI Course21:28
- WEB DESIGN IN FIGMA ep.19: “SYNC DEVICES” Feature Illustration – Free UX / UI Course25:31
- WEB DESIGN IN FIGMA ep.20: FORM FIELD Component (Simple and Interactive) – Free UX / UI Course14:02
- WEB DESIGN IN FIGMA ep.21: Consent CHECKBOX – Free UX / UI Course15:33
- WEB DESIGN IN FIGMA ep.22: Wireframing & Layout for Case Studies – Free UX / UI Course07:09
- WEB DESIGN IN FIGMA ep.23: Case Studies Hero Section – Free UX / UI Course18:33
- FIGMA WEB DESIGN ep.24: Hover Preview (Case Studies) – Free UX / UI Course24:49
- WEB DESIGN IN FIGMA ep.25: Integrations Page pt.1 (Using Nested Components) – Free UX / UI Course23:41
- WEB DESIGN IN FIGMA ep.26: Integrations Page pt.2 (Finishing + Adding Content) – Free UX / UI Course20:47
- WEB DESIGN IN FIGMA ep.27: Customers Page pt.1 (Wireframing & Layout) – Free UX / UI Course18:47
- WEB DESIGN IN FIGMA ep.28: Customers Page pt.2 (Hover Interaction, Finalizing) – Free UX / UI Course31:48
- WEB DESIGN IN FIGMA ep. 29: Color Tokens + CTA Section Redesign – Free UX / UI Course17:40
- WEB DESIGN IN FIGMA ep.30: Making The Footer RESPONSIVE – Free UX/UI Course11:37
- Can You Make a RESPONSIVE HEADER in Figma? – Design a Website ep.31 – #free #ux #ui #course13:24
- Responsifying an ENTIRE PAGE in Figma – Design a Website ep.32 – #free #ux #ui #course14: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
