Complete Webflow Bootcamp: From Figma Design to Development to Freelancing | Arash Ahadzadeh | Skillshare

Playback Speed


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Complete Webflow Bootcamp: From Figma Design to Development to Freelancing

teacher avatar Arash Ahadzadeh, iOS Developer & UI Designer

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

84 Lessons (11h 36m)
    • 1. Introduction

      2:10
    • 2. Introduction to Webflow

      2:02
    • 3. Environment of Webflow

      5:52
    • 4. Introduction to HTML & CSS

      4:16
    • 5. Introduction to the Box Model

      2:06
    • 6. Webflow Elements

      3:49
    • 7. Div Block

      4:06
    • 8. Section

      3:57
    • 9. Container

      2:46
    • 10. Grid

      8:13
    • 11. List

      2:34
    • 12. Link Block

      4:23
    • 13. Button

      2:23
    • 14. Typography

      6:59
    • 15. Image

      3:37
    • 16. Video

      1:48
    • 17. Lottie Animation

      1:32
    • 18. Forms

      11:12
    • 19. Nav Bar

      3:14
    • 20. Lightbox

      6:23
    • 21. Slider

      6:01
    • 22. Tabs

      5:53
    • 23. Social Media

      2:52
    • 24. Search

      2:25
    • 25. Symbol

      8:11
    • 26. Important Shortcuts

      2:41
    • 27. Classes

      12:31
    • 28. Display Settings

      11:52
    • 29. Flexbox

      8:16
    • 30. Flexbox Challenge

      1:11
    • 31. Challenge Solution

      13:05
    • 32. Flexbox vs Grid

      3:33
    • 33. Spacing

      5:30
    • 34. Size

      16:24
    • 35. Position

      15:12
    • 36. Typography

      11:01
    • 37. Backgrounds

      14:12
    • 38. Borders

      8:10
    • 39. Effects

      7:24
    • 40. States

      7:54
    • 41. Breakpoint Basics

      12:52
    • 42. Setting up Your Project

      9:08
    • 43. Navigation Bar

      17:38
    • 44. Hero Section

      23:44
    • 45. Clients Section

      5:35
    • 46. Projects Section

      17:51
    • 47. Testimonial Section

      19:05
    • 48. Services Section

      15:04
    • 49. CTA Section

      16:09
    • 50. Footer

      8:45
    • 51. CMS & Dynamic Content

      28:42
    • 52. Project Page - Part 1

      4:51
    • 53. Project Page - Part 2

      16:18
    • 54. Project Page - Part 3

      6:48
    • 55. Contact Page

      15:35
    • 56. Introduction to Responsiveness

      1:33
    • 57. Responsiveness Tablet

      17:37
    • 58. Responsiveness Mobile Landscape

      12:13