Documentation
Welcome to the comprehensive Aura documentation. This guide will help you master Aura's AI-powered design tools, from basic setup to advanced features. Whether you're a beginner or an experienced designer, you'll find everything you need to create stunning designs efficiently.
Overview
Aura is an AI-powered design assistant that revolutionizes how you create digital experiences. It combines the power of artificial intelligence with intuitive design tools to help you:
- Generate professional designs from simple text prompts
- Convert images to functional HTML/CSS code
- Seamlessly integrate with Figma workflows
- Create responsive layouts with AI assistance
- Optimize designs for performance and accessibility
What makes Aura different?
Unlike traditional design tools, Aura understands context and intent. It doesn't just execute commands—it collaborates with you to bring your vision to life, suggesting improvements and handling technical details so you can focus on creativity.
Getting Started
Get up and running with Aura in minutes. Follow our step-by-step guides to set up your workspace and start creating your first AI-generated designs.
Design Tools
Master Aura's powerful design tools. Each tool is designed to streamline your workflow and enhance your creative process with AI assistance.
Generate Designs
Create stunning designs from text prompts using advanced AI models trained on design principles.
- • Text-to-design generation
- • Style customization options
- • Iterative refinement
Import from Figma
Seamlessly bring your Figma designs into Aura while preserving layers, components, and styles.
- • Layer preservation
- • Component mapping
- • Style inheritance
Export to Figma
Export your Aura creations back to Figma for team collaboration and handoff.
- • Maintain design integrity
- • Team collaboration
- • Version control
Image to HTML
Convert static images into responsive, functional HTML/CSS code automatically.
- • Responsive layouts
- • Clean code output
- • Multiple formats
Prompting Guides
Learn the art of effective prompting to get the best results from Aura's AI. These guides cover specific techniques for different design elements and use cases.
General Tips
Essential prompting techniques and best practices for all design tasks.
Typography
Create beautiful typography with specific prompting techniques for fonts and text layouts.
Styling
Master color schemes, spacing, and visual hierarchy through effective prompting.
Animation
Bring your designs to life with smooth animations and micro-interactions.
Layout
Create responsive, well-structured layouts with grid systems and flexbox.
Video Resources
Watch comprehensive video tutorials that demonstrate Aura's features in action. Perfect for visual learners who prefer step-by-step demonstrations.
Troubleshooting
Common issues and their solutions to help you get back to designing quickly.
Design generation is slow or timing out
This usually happens when:
- Your prompt is too complex or contains conflicting instructions
- Server load is high during peak hours
- Your internet connection is unstable
Solutions:
- Simplify your prompt and try again
- Break complex designs into smaller parts
- Try again during off-peak hours
- Check your internet connection
Figma import/export not working
Check these common issues:
- Ensure you have the latest Figma plugin installed
- Verify your Figma permissions allow plugin access
- Check if your design contains unsupported elements
Solutions:
- Update the Figma plugin to the latest version
- Restart Figma and try again
- Contact support if the issue persists
Generated HTML code has styling issues
This can happen when:
- The source image has poor quality or unclear elements
- Complex layouts with overlapping elements
- Unusual fonts or styling that's hard to detect
Solutions:
- Use high-quality, clear images for conversion
- Simplify complex layouts before conversion
- Manually adjust the generated code as needed
- Use the refinement tools to improve results