Skip to content
Flik
Join Waitlist
Back to Tutorials
Getting Started·Beginner·20 min

Your First 15 Minutes with Flik

Complete walkthrough from project creation to your first AI-generated asset. Learn the interface, chat with the agent, generate an image, and organize it in canvas.

What you'll build: Your first AI-generated image organized in canvas

Tutorial Overview

This comprehensive, hands-on tutorial will guide you step-by-step through your first 15 minutes with Flik. You'll learn through practical exercises and real-world examples, building your first AI-generated image organized in canvas by the end.

Learning Objectives

By the end of this tutorial, you'll be able to:

  • Master the core concepts and techniques
  • Apply your knowledge to real projects
  • Understand best practices and workflows
  • Build your first AI-generated image organized in canvas

Getting Started

Before you begin, make sure you have:

  • Flik open and a project ready to work in
  • About 20 min of focused time
  • A willingness to experiment and learn by doing

💡 Learning Tip: This is a hands-on tutorial. Follow along in Flik as you read, trying each step yourself. The best way to learn is by doing!

Step 1: Create Your Project

Open Flik and you'll see the welcome screen.

  1. Type a simple project description: "My First Project" or "Learning Flik"
  2. Press Enter
  3. Your project workspace opens

What you'll see:

  • Left panel: File browser (currently empty)
  • Center panel: Workspace (showing empty state)
  • Right panel: AI chat ready for your input

Step 2: Chat with the AI

In the AI chat panel (right side):

  1. Make sure you're in Agent mode (check the mode selector)
  2. Type: "What can you help me create?"
  3. Press Enter

The AI explains its capabilities. This gives you an overview of what's possible.

Step 3: Generate Your First Image

Now let's create something:

  1. Click the mode selector → Switch to Generate mode
  2. The model selector appears - keep default (Nano Banana Pro)
  3. In the QueryBar, type a simple prompt:
"A modern minimalist desk setup with laptop and coffee, natural lighting"
  1. Press Enter

What happens:

  • Generation starts (you'll see progress indicator)
  • After 10-30 seconds, image appears in your file browser
  • You can click it to preview

Step 4: Organize in Canvas

Now let's use Canvas mode to organize visually:

  1. Click the Cursor icon (top-left) to switch to Canvas mode
  2. The center panel becomes an infinite canvas
  3. Find your generated image in the file browser (left)
  4. Drag the image onto the canvas
  5. It appears as an object you can move and resize

Try:

  • Drag the image around
  • Click corner handles to resize
  • Rotate using the rotation handle

Step 5: Generate More and Arrange

Let's create a small collection:

  1. Stay in Canvas mode

  2. Open AI chat (right panel still works in Canvas)

  3. Switch back to Generate mode

  4. Generate 2-3 more images with different prompts:

    • "Cozy reading nook with armchair and bookshelves"
    • "Minimalist kitchen with marble counters"

  5. As each generates, drag them onto your canvas

  6. Arrange them in a layout you like

What You've Learned

In 15 minutes, you've:

✅ Created your first project ✅ Navigated Flik's three-panel interface ✅ Chatted with the AI agent ✅ Generated images with AI ✅ Used Canvas mode ✅ Organized visual content

Next Steps

Now that you understand the basics, explore:

Ready to start learning?

Open Flik and follow along with this tutorial.

Join Waitlist