Quick Start
Get started with Yugma in under 5 minutes.
1. Sign In
Navigate to yugmastudio-app.web.app in a modern browser. You'll land on the sign-in screen.
Two options:
- Continue with Google — one-click OAuth, no password needed
- Email / Password — create a new account or sign in to an existing one
New accounts get a 14-day Pro trial automatically — no credit card required.
System Requirements
- Browser: Chrome 90+, Firefox 90+, Edge 90+, Safari 15+
- GPU: Any GPU with WebGL2 support
- Screen: 1280×720 minimum recommended
2. Onboarding
First-time sign-in lands you on the Welcome screen with three paths:
| Path | Description |
|---|---|
| Empty canvas | Start from scratch — blank scene, no objects |
| Describe a scene | Type a prompt, the AI builds it for you |
| Pick a scene | Browse pre-built gallery scenes |
You can also skip onboarding to go straight to your dashboard.
3. Add Objects
Use the Library Panel on the left sidebar to add 3D primitives:
- Box — Standard cube
- Sphere — UV sphere
- Cylinder — Cylinder primitive
- Cone — Cone shape
- Torus — Donut/ring shape
- Plane — Flat surface
Click any shape to add it to your scene at the origin.
4. Transform Objects
Select an object by clicking it in the viewport or in the Scene Hierarchy panel on the right. Then use the transform tools:
| Key | Mode | Description |
|---|---|---|
T | Translate | Move the object along X/Y/Z axes |
R | Rotate | Rotate around X/Y/Z axes |
S | Scale | Resize along X/Y/Z axes |
Q | Select | Selection mode (no gizmo) |
You can also type exact values in the Transform Section of the properties panel.
5. Use the AI Composer
Click the AI tab in the left panel and describe what you want:
"Build a sci-fi hangar with neon lighting"
The AI Director plans the scene, calls 3D tools, and objects appear in the viewport in real-time. Iterate naturally: "Make the walls darker" / "Add 6 pillars in a circle".
6. Edit Materials
With an object selected, scroll down in the properties panel to find the Material section:
- Color — Base color of the object
- Roughness — 0 = mirror, 1 = matte
- Metalness — 0 = dielectric, 1 = metal
- Opacity — Transparency control
- Wireframe — Toggle wireframe rendering
- Emissive — Self-illumination color and intensity
7. Save Your Work
Your scene auto-saves locally. You can also:
- Click the Save button in the Project Info panel to save to the cloud
- Use the Share button to generate a shareable link
Importing 3D Models
Drag and drop .gltf or .glb files directly into the viewport to import custom 3D models.
What's Next?
- Learn all Keyboard Shortcuts
- Explore the Scene Editor in depth
- Set up Real-time Collaboration
- Master the AI Composer