Course

Master No-Code Web Design with Framer - Free Course

In this 4-hour free course, you’ll learn to create beautiful, modern interfaces.

Overview

In this 4-hour free course, you’ll learn to create beautiful, modern interfaces.

This course is perfect for beginners! No need for prior coding or web design experience. We’ll guide you through everything step by step, starting from the basics. However, a little familiarity with computers and understanding the basics of HTML and CSS will be helpful. Here’s how to begin: – View the final site to get inspired and see what you’ll be able to create by the end of this course: https://significant-nature-656376.fra…

Start with dark mode and glass designs, then move from Figma to Framer, using stack and grid layouts for responsive websites.

Add animations, scroll effects and custom components.

– Final site: https://significant-nature-656376.fra…

– Figma template: https://www.figma.com/community/file/…

– Framer Remix: https://framer.com/projects/new?dupli…

 

Additional Information

ABOUT FRAMER

Framer is your go-to web design tool for crafting stunning, interactive websites with ease. Designed for a smooth transition for Figma users, it boasts a comprehensive Figma plugin for quick layout imports. With a wealth of preset templates, components, dynamic effects, and even AI-powered tools, Framer is both powerful and accessible, regardless of your experience level. Dive in and start creating!

This course will open up a whole new world of web design possibilities for you.

Let’s make something amazing together.

Chapters:

  1. Intro to Course
  2. Getting Started
  3. Create your first layout
  4. Framer AI
  5. Basic Layout
  6. Animated Text
  7. Figma to Framer
  8. Adaptive Layout
  9. Breakpoints
  10. Components
  11. Effects
  12. Scroll Speed
  13. Scroll Variants
  14. Copy Components
  15. Grid Layouts
  16. Icon Animation
  17. Code Components
  18. Property Controls
  19. Code Overrides
  20. CMS
  21. Search and Conclusion

Similar Products

Learn Web Design For Beginners - Full Course (2024)
Learn Web Design For Beginners - Full Course (2024)
Free
Fookin Focus
Free
Graphic Design Essentials: Free Course
Graphic Design Essentials: Free Course
Free

More Resources

No results found.

Description