Prototyping AR User Experiences with Framer

Learn how to create an augmented reality-based app prototype using Framer.

The possibilities for augmented reality (AR) are nearly endless. Developers and designers can leverage this technology to create lively experiences that educate and entertain users. In this course, join instructor Emmanuel Henri as he steps through the conception and creation of an AR-based app prototype using Framer. He begins the course by providing a brief overview of AR and demonstrating how to set up a project in Framer. He then shows how to build AR elements in Framer, explaining how to use modules, add 3D elements into a scene, insert UI elements, and add a few interactions. To wrap up, he shares how to insert a video background to simulate a full AR experience.

Introduction

• Welcome
• Course prerequisites
• Using the exercise files

1. Setup and Introduction

• Project introduction
• Understanding AR
• AR environment implications
• 3D assets used
• Setting up a project in Framer

2. Building the AR Elements

• Sketchfab setup
• Modules introduction
• Modules setup for Sketchfab
• Add a 3D element into a scene
• Insert UI elements
• Add interactions for UI

3. Testing and Final Touches

• Insert a video background
• Install the Framer app and test

Conclusion

• Next steps