Dan Hollick – Advanced Framer

Description

Advanced Framer , Dan Hollick – Advanced Framer download

Dan Hollick – Advanced Framer

Beginner Tutorials
New to Framer? Learn the basics of Layout, Components and Motion.

From Figma to Framer
If you’re used to using Figma there are some quirks that might trip you up.

Layout
Learn the ins and outs of Framer’s layout system.

Breakpoints
Learn how to adapt your layouts to different screen sizes.

Components
Understanding components and variants is the key to unlocking Framer’s power.

Variables
Learn how to use variables to pass data down to your components.

Motion
Bring your site to life with Framer’s powerful motion system.

Advanced Course
Take your understanding of Framer to the next level by building a complete site from start to finish.
Ever thought about throwing your laptop out the window when using Framer? Me too.

Despite this, Framer has quickly become my favourite way to build websites – even as someone who codes. It’s an incredibly powerful tool but there are frustratingly few resources out there about how to make full use of it.

Struggling to build your own ideas?
Building something basic is easy. Building what you want is where things get tricky.

I built this course because I found most tutorials kinda inadequate. They show you how to build some flashy animation and then roll credits – never taking the time to make it responsive or figure out how it will interact with the rest of the page.

There was nothing that showed you all the little gnarly bits that come with making a complete, professional grade site.

Detax: Tax avoidance made simple

To solve this problem, I came up with a fake SaaS company, Detax.
We build the Detax site from start to finish to show you how to take a site all the way to production.

The course consists of 12 lessons split across 3 modules and goes beyond just Framer. I’ll show you how to use and integrate other tools, like Spline for 3d and Rive for more advanced animations.

How advanced is it?

What’s Framer?

It’s cool but I keep getting stuck

I tried it out a few times

Made a basic site

I use Framer every week

I make sites for money

Not gonna lie, it’s fairly advanced. If you’re just getting started with Framer, you might struggle

If you’ve started to bump up against the limits of what you can do, this is for you!

Module 1: Build
[Lessons 1 – 6]
Learn tactics for creating complex layouts by building a production grade website from scratch.

By the end of this module, you’ll have a suite of dynamic and high-quality components you can remix into your own sites.
Craft
[Lessons 7 – 10]
Push beyond the limits of Framer’s interface to create stunning interactive visuals.

By the end of this module, you’ll have the tools to build custom components that you could even sell on Framer’s marketplace.
Scale
[Lessons 11 & 12]
Manage complexity at scale by learning strategies for creating large content driven sites.

By the end of this module, you’ll understand what it takes to launch a professional website to production.

Lesson Overview
Animation
Layout
Scroll Effects
Variants
Breakpoints
Transitions
Events
Variables
Code
AI
Embeds
3D
Performance
CMS
Accessibility

Nav + Flyout Menu
[17m]
Building the primary navigation bar and using variant transitions to create a flyout menu on hover.

02
Feature Carousel
[14m]
Using component variants to cycle between features in the feature carousel.

03
Fraud Animations
[18m]
Using appear animations to create the looping animations in the Fraud Overview section

04
Scroll Carousel
[14m]
Using scroll animations to build the scrolling feature carousel

05
Pricing Component + Table
[19m]
Using variables to build the pricing table and pricing component

06
Border Gradients + Parallax Effects
[14m]
Polishing our site by adding animated border gradients and parallax floating discs

07
Code Overrides
[18m]
Using code overrides to augment our design and make parts of the site talk to each other.

08
Code Components
[22m]
Using AI to create custom code components like a background effect and a custom form.

09
Animations with Rive
[14m]
An intro to interactive animations in Rive and how to integrate them with Framer

10
3D Animations with Spline
[14m]
An intro to creating interactive 3D scene with Spline and integrating them into Framer

11
CMS
[17m]
Working around some of the current limitations of Framer’s CMS.

12
Integrations, Accessibility & Performance
[16m]
Add custom analytics, improve accessibility and troubleshoot performance issues.

What’s in the box?

• Lessons
  12 video lessons
• Template.framer
  The complete Detax site template.
• Starter.framer
  Basic components, color and text styles.
• Course_file.fig
  14 pages of designs + diagrams
• Hero.spline
  Spline file with 3D hero animation
• Animations.rive
  Rive file with all 6 animations

Not only is Dan a Framer expert… he’s also an elite teacher and has a real gift for making complex topics feel simple. 

He’s the perfect person to teach advanced Framer workflows.
Micheal Riddering
Creator of Figma Academy

Who is this for?
It’s aimed at people who want to use Framer in some professional capacity.

01
Freelancers
Take your skills to the next level and have the confidence to build anything your clients need.

02
In house
Get the tools to produce a high-quality site for your business at a larger scale.

03
Startups
Grab attention with your landing page without spending months to build it.

04
Portfolios
Stand out from the template crowd with a well-crafted personal portfolio.

Commonly Asked Questions:

1. Business Model Innovation: Acknowledge the reality of a legitimate enterprise! Our approach involves the coordination of a collective purchase, in which the costs are shared among the participants. We utilize this cash to acquire renowned courses from sale pages and make them accessible to individuals with restricted financial resources. Our clients appreciate the affordability and accessibility we provide, despite the authors’ concerns.
2. Advanced Framer Course

• There are no scheduled coaching calls or sessions with the author.
• Access to the author’s private Facebook group or web portal is not permitted.
• No access to the author’s private membership forum.
• There is no direct email support available from the author or their team.