ProtoPie is Prototyping on Roids
https://www.protopie.io/plans?ref=ymm... 👈 Use code "DESIGNCOURSE" for a discount! (You can start with a free account) https://bit.ly/3HEiP7G 👈 Learn UI/UX and CSS Today. Use "UI2023" for 23% Off! https://designcourse.com/af 👈 My upcoming "Advanced Frontends" Course -- Today, we're embarking on part 2 of the Figma to ProtoPie series where we take a design created in Figma, and beef it up with all of the prototyping awesomeness that Protopie gives us. Part 1 of this video series: • Design a Highly Interactive Prototype with... Figma file (you can duplicate this from the Figma community): https://www.figma.com/community/file/... 0:00 - Intro 0:23 - Installing ProtoPie 0:44 - Project Files 2:14 - Video Background 3:00 - Menu Prototyping 7:28 - Scroll Indicator Animation 11:38 - Scroll Container 16:15 - Lottie Animations 19:31 - Pagination Prototyping 24:10 - Final result and thoughts #prototyping #protopie #uiux - - - - - - - - - - - - - - - - - - - - - Subscribe for NEW VIDEOS! Learn UI/UX: https://designcourse.com My personal FB account: http://fb.com/logodesigner Coursetro FB: http://fb.com/coursetro Coursetro's Twitter: / designcoursecom Join my Discord! / discord ^-Chat with me and others - - - - - - - - - - - - - - - - - - - - - Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Designcourse.com. Come to my discord server or add me on social media and say Hi!

What is Protopie - The UX Motion Design Prototyping Tool

Offer More Value with High-Fidelity Prototypes in ProtoPie | Part 1

I Built a Landing Page Using DESIGN.md and Grok Imagine Video

Figma Motion in 30 Minutes - Crash Course

Figma's New Wrap Feature: From Design to Code

Real Device Prototyping! | Figma + ProtoPie
![PINK & ORANGE GRADIENT IN HD [3 HOURS]](https://i.ytimg.com/vi/6ih8zppfQSQ/hqdefault.jpg?sqp=-oaymwE9CNACELwBSFryq4qpAy8IARUAAAAAGAElAADIQj0AgKJDeAHwAQH4Af4JgALQBYoCDAgAEAEYfyAsKBMwDw==&rs=AOn4CLDvw6mQM98bfl572zfE7r4GdUG8dg)
PINK & ORANGE GRADIENT IN HD [3 HOURS]

The new way to use Figma?

Make More Money with High-Fidelity Prototypes in ProtoPie | Part 2

ProtoPie vs. Figma: Which should you use for advanced prototypes?

High-Fi Prototypes are Not Optional | ProtoPie to the Rescue

How to Refactor a Web Design - Like a Pro

Every UI/UX Concept Explained in Under 10 Minutes

Designing With AI: Claude, Codex, Figma | Full Guide

ProtoPie Tutorial | Web Design Series #4 Scroll Based Animations

Perfect Tool Stack for UX/UI Designers

Design a Highly Interactive Prototype with Figma & ProtoPie - Part 1

Start Animation and Sequence in ProtoPie 4

System Design Explained: APIs, Databases, Caching, CDNs, Load Balancing & Production Infra

