> ## Documentation Index
> Fetch the complete documentation index at: https://magicpatterns.mintlify.site/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction

> AI prototyping with Magic Patterns

Welcome to our video series! These short lessons walk you through prototyping with AI in Magic Patterns: from your first prompt to design systems, collaboration, and handoff to engineering. The series is taught by **Colin Matthews**.

1. [Building Your First Prototype](/documentation/guide/building-your-first-prototype)
2. [Improving Your Prompts](/documentation/guide/improving-your-prompts)
3. [Figma Imports](/documentation/guide/figma-imports)
4. [Design Systems](/documentation/guide/design-systems)
5. [Team Workflows and Sharing](/documentation/guide/team-workflows-and-sharing)
6. [Engineering Handoff](/documentation/guide/engineering-handoff)

<iframe className="w-full aspect-video" src="https://www.youtube.com/embed/LC3JwVhdiMQ?si=497Ap8zTpdPXJH82" title="AI Prototyping with Magic Patterns" alt="AI Prototyping with Magic Patterns" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />