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

# Introduction

> AI design 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](https://www.magicpatterns.com/docs/documentation/guide/building-your-first-prototype.md)
2. [Improving Your Prompts](https://www.magicpatterns.com/docs/documentation/guide/improving-your-prompts.md)
3. [Figma Imports](https://www.magicpatterns.com/docs/documentation/guide/figma-imports.md)
4. [Design Systems](https://www.magicpatterns.com/docs/documentation/guide/design-systems.md)
5. [Team Workflows and Sharing](https://www.magicpatterns.com/docs/documentation/guide/team-workflows-and-sharing.md)
6. [Engineering Handoff](https://www.magicpatterns.com/docs/documentation/guide/engineering-handoff.md)

[AI Prototyping with Magic Patterns](https://www.youtube.com/embed/LC3JwVhdiMQ?si=497Ap8zTpdPXJH82)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.