Learning Framer X

Learning Framer X

Learning Framer X is an Beginner level course on CAD, produced by an expert, Emmanuel Henri. This course is a critical base for anyone who needs to get better at his/her CAD skills. It provides you a thorough grip on CAD, Prototyping, Web, User Experience, FramerJS, CAD, Prototyping, Web, User Experience and FramerJS.

Free Download - Learning Framer X
Author Emmanuel Henri
Publish Date 10/10/2018
Skill Beginner
Duration 1h 7m
Topic CAD
Video Tutorials 24
Last Update N/A

Get a quick start to using Framer X, the UX prototyping and front-end development tool. Learn how to lay out, prototype, iterate, and publish your designs using Framer tools and React component integration. Explore the differences between Framer Studio and Framer X, and build your layout with the easy-to-use drawing and design tools. Then learn how to make your design more engaging with click and scroll interactions. Instructor Emmanuel Henri—a Framer fan since its very first release—also shows how to incorporate React components into Framer for faster design and maximum reusability.

Topics include:

  • What is Framer X?
  • Define your layout
  • Creating more layouts
  • Using frames and text in frames
  • Drawing with a path
  • Creating interactions
  • Working with React components

Learning Framer X : Video Lessons

  • Learning Framer X1m 8s
  • What you should know33s
  • What is Framer X?1m 44s
  • Differences between Framer and Framer X1m 33s
  • Overview of the interface2m 36s
  • Overview of the store2m 40s
  • Define your layout3m 45s
  • Explore frame resizing1m 33s
  • Create more layouts3m 20s
  • Use frames with pictures2m 59s
  • Stacks introduction2m 30s
  • Use texts in frames4m 3s
  • Draw with a path4m 8s
  • Complete a logo with drawing tools3m 19s
  • Overview of interactions1m 15s
  • Create a click interaction3m 5s
  • Create a scroll interaction2m 46s
  • What is a component?2m 19s
  • Introduction to React2m 8s
  • Your first React component5m 53s
  • In-depth look into the component5m 58s
  • Introduction to overrides3m 43s
  • Publishing your component2m 46s
  • Next steps1m 19s

Recommended video tutorials from YouTube.

  • Framer X Tutorial: 01. Overview - Getting to know Framer X
  • In this video you are going to learn what Framer X is, what you will be a able to do by the end of this course and how to create your very first design in Framer!

  • DateTime : 2018-11-11 22:12:40
  • Source : Athanasia Lykoudi
  • Design and Code in Framer X
  • Create powerful design and code components for your app and design system. Full 10-part course here: https://designcode.io/framer-x-course.

  • DateTime : 2019-05-03 17:50:29
  • Source : DesignCode
  • Framer X: Why I won't be using it
  • Try Framer X: https://framer.com/ Let me know in the comments what your thoughts about it. - Learn how to build Custom designed websites with Webflow: ...

  • DateTime : 2018-10-05 16:00:14
  • Source : Flux

Please consider buying this course - Learning Framer X directly from the author - Emmanuel Henri. This way you could help the author create more great content, also you may get personal help.

The links being shared are only for poor students who really cannot afford to pay. So, if you are capable of paying please do consider it once before trying the free download links.

Categorised in: , , , ,

Kindly note, we have recently migrated to a new server. In case of download links not working at all it means that we are undergoing maintenance at the backend. In such case please try after 24 hours. Also make sure your internet connection is persistant else the file may endup corrupted.