Building in Webflow & Design Systems in Figma

Building in Webflow & Design Systems in Figma

Jesse Showalter via YouTube Direct link

Intro

1 of 45

1 of 45

Intro

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

Building in Webflow & Design Systems in Figma

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Intro
  2. 2 Design Story
  3. 3 Figma Components
  4. 4 Creating Cards
  5. 5 Editing Cards
  6. 6 Design System
  7. 7 Colors
  8. 8 Character Styles
  9. 9 Description Text
  10. 10 Color Styles
  11. 11 Prototype
  12. 12 QA
  13. 13 Organisation
  14. 14 Documenting
  15. 15 Typography
  16. 16 Building a typographic scale
  17. 17 Styling the sidebar
  18. 18 Previewing the sidebar
  19. 19 Adding the assets
  20. 20 Styling
  21. 21 Padding
  22. 22 Adding Popins
  23. 23 Adding Fonts
  24. 24 Creating a Style Guide
  25. 25 Adding a Containing Element
  26. 26 Adding a Nav Container
  27. 27 Setting the Margins
  28. 28 Creating the First Row
  29. 29 Adding Text Icons
  30. 30 Adding Animation Icons
  31. 31 Styling Rows
  32. 32 Adding Padding
  33. 33 Removing Margin
  34. 34 Styling Text
  35. 35 Typography Color
  36. 36 ParentChild Relationships
  37. 37 Dashboard Expenses Savings
  38. 38 Adding a Class
  39. 39 Replacing Lotties
  40. 40 Testing
  41. 41 Auto Layout
  42. 42 Separating Elements
  43. 43 Styling Elements
  44. 44 Overriding Style
  45. 45 Spacing

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.