Interactive Prototypes with Framer
Interactive Prototypes with Framer, available at $29.99, has an average rating of 3.8, with 34 lectures, based on 100 reviews, and has 585 subscribers.
You will learn about CoffeeScript – the Basics Practical examples Working with components Sketch and Figma integration Apple Watch Prototype Bonus UI Kit for iOS This course is ideal for individuals who are UI Designers or Graphic designers or Mobile App Designers or Web Designers It is particularly useful for UI Designers or Graphic designers or Mobile App Designers or Web Designers.
Enroll now: Interactive Prototypes with Framer
Summary
Title: Interactive Prototypes with Framer
Price: $29.99
Average Rating: 3.8
Number of Lectures: 34
Number of Published Lectures: 34
Number of Curriculum Items: 34
Number of Published Curriculum Objects: 34
Original Price: $27.99
Quality Status: approved
Status: Live
What You Will Learn
- CoffeeScript – the Basics
- Practical examples
- Working with components
- Sketch and Figma integration
- Apple Watch Prototype
- Bonus UI Kit for iOS
Who Should Attend
- UI Designers
- Graphic designers
- Mobile App Designers
- Web Designers
Target Audiences
- UI Designers
- Graphic designers
- Mobile App Designers
- Web Designers
This course is built for Framer Studio (Classics), NOT the latest version of Framer (X). I’m still using Studio for many of my projects as X requires more on the code side (React) and is in it’s early version right now. That being said I’m working on the X course, however I do recommend to get to know Studio, too.
Let me present to you one of the hottest technologies for interface prototyping, used extensively by such companies as Facebook, Google, Uber. You have to see for yourself how powerful of a tool it is. The best, most sought after UI/UX designers on the market, know programming! This course will prove to you that working with CoffeScript is one of the best, most pleasant ways to learn programming, and also one of the most interesting skills to master!
What you’ll learn?
-
CoffeeScript – the basics
-
Practical examples
-
Working with components
-
Sketch and Figma integration
-
Apple Watch Prototype
-
Bonus UI Kit for iOS
This course is a practical compendium of knowledge on prototyping animations and micro interactions with the use of Framer technology. The application, created by Facebook engineers allows prototyping with no restrictions of a timeline or predefined presets. It lets you prepare finished animations for website, iOS/Android app, game, TV and so much more!
This course will show you, using a set of practical examples, how to design typical mobile app UI transitions. In order to create them, we are going to make use of a range of in-built components, which simplify the design of user onboarding and app page animations to just a few lines of code – Framer does all the rest!
The course you are about to participate in is the doorway to a world of extremely valuable skills for UI/UX designers, who want to be competitive on the market. Invest in your professional development and you will appreciate how well designing interactive prototypes, micro interactions and animations which you can transfer to a website or an app with Framer technology, present themselves in your portfolio. It is a step in the right direction if you would like to design your own, complete applications with a friendly visual feedback, in the future.
Course Curriculum
Chapter 1: Introduction
Lecture 1: Welcome To Framer
Lecture 2: Intro to CofeeScript
Lecture 3: Working with Variables
Lecture 4: Data Types
Lecture 5: Conditional Statements
Lecture 6: Functions in CofeeScript
Lecture 7: Using Objects
Lecture 8: Working with Arrays
Lecture 9: Framer Interface
Lecture 10: Animation Types
Lecture 11: Easing in Animation
Lecture 12: Spring Easing Curve
Lecture 13: Start Screen
Lecture 14: User Onboarding
Lecture 15: Onboarding Pagination
Lecture 16: Alignment Options and Masks
Lecture 17: Fonts and Text Options
Lecture 18: Layer Order
Lecture 19: Working with Photo App
Lecture 20: Design Mode in Framer
Lecture 21: Using Flow Component
Lecture 22: Photos Animations
Lecture 23: Animation of a Button
Lecture 24: Framer Add Ons
Lecture 25: Gradients And Sound Kit
Lecture 26: Using Filters
Lecture 27: Working With Colors
Lecture 28: Utils Class
Lecture 29: Importing From Figma
Lecture 30: Animating Home Screen
Lecture 31: Lock Screen Animation
Lecture 32: Main Screen Animation
Lecture 33: Action Screens Animation
Lecture 34: Goodbye
Instructors
-
Greg Rog
learnux.io
Rating Distribution
- 1 stars: 3 votes
- 2 stars: 4 votes
- 3 stars: 12 votes
- 4 stars: 31 votes
- 5 stars: 50 votes
Frequently Asked Questions
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!
You may also like
- Digital Marketing Foundation Course
- Google Shopping Ads Digital Marketing Course
- Multi Cloud Infrastructure for beginners
- Master Lead Generation: Grow Subscribers & Sales with Popups
- Complete Copywriting System : write to sell with ease
- Product Positioning Masterclass: Unlock Market Traction
- How to Promote Your Webinar and Get More Attendees?
- Digital Marketing Courses
- Create music with Artificial Intelligence in this new market
- Create CONVERTING UGC Content So Brands Will Pay You More
- Podcast: The top 8 ways to monetize by Podcasting
- TikTok Marketing Mastery: Learn to Grow & Go Viral
- Free Digital Marketing Basics Course in Hindi
- MailChimp Free Mailing Lists: MailChimp Email Marketing
- Automate Digital Marketing & Social Media with Generative AI
- Google Ads MasterClass – All Advanced Features
- Online Course Creator: Create & Sell Online Courses Today!
- Introduction to SEO – Basic Principles of SEO
- Affiliate Marketing For Beginners: Go From Novice To Pro
- Effective Website Planning Made Simple