Skip to content

1 - AI Experiences in My Work < AI Up-Skill

Don't change this

If you're a trainee, don't edit this module.

How to start

  1. Type /clone in the comment box below to copy this issue.
  2. Go to your new issue through the link in the activity feed. Follow the other steps from there.
  3. In the sidebar, set the Parent to your training epic. Check the welcome issue if you need help.
  4. Now you can start! Delete this section and the “don't change” note before you begin.

What you'll learn

This first module helps you understand AI before you learn to design AI features for others. You'll use AI in your own work first, then learn how to create good AI experiences.

After this module, you'll be able to:

  1. Use AI in UX work
    1. Find UX tasks where AI can help
    2. Make and use AI tools for design work
  2. Make prototypes with AI
    1. Build working prototypes using AI tools
    2. Identify what AI tools do well and poorly
  3. Learn basic AI development skills
    1. Use quick “vibe coding” to make prototypes fast
    2. Turn design ideas into instructions AI can follow

Before you start

  • Assign this issue to yourself.
  • Optional. Set a due date you can meet. This module should take about 5 hours total.

Need help? Ask @pedroms or post in #ux_ai-up-skill.

Learn

  • ~12 min Read AI usage in UX and general guidance linked at the top.
  • 1h 34m Take the video course Vibe Coding 101 with Replit. Create a free DeepLearning account to join. You don't need to sign up for Replit yet.

Do and share

Take the quiz ~10 min

  • Take this quiz to test what you learned. It's private - only you see the results.

Make a UX helper 1h max.

Find UX tasks where AI can help, so you can make and use AI tools for design work.

  • Think of UX tasks where AI could help you. For example, tasks that you find repetitive, mundane, or difficult to get started.
  • Pick one task and create a Claude project to help with it.
  • Add project instructions for how you'd like Claude to behave and respond. Remember the best practice of context and requirements.
    • Optional. To write your project instructions, you can use this Prompt creator. Ask @pedroms for access if you need it. Tell it what kind of helper you want, and it'll create instructions you can use.
  • Optional. Add all relevant documents and files to your project upfront. The more context Claude has access to, the better it can assist you.
  • Try your Claude project with a few tasks and comment here with: what worked well, questions, and concerns.
  • Copy your comment and share it in #ux_ai-up-skill.

Try AI prototyping 2h max.

Build working prototypes using AI tools, so you can identify what AI tools do well and poorly.

You have access to Figma Make (their AI prototyping tool), but we'd like you to try another tool so you get exposed to a different experience.

  • First, read our rules for talking about competitors and using competitor tools.
  • Create a free account with an AI prototyping tool. The video course used Replit, but you can also try Builder.io, Bolt, HeroUI, v0, Lovable, or others.
  • Write about your experience making a prototype. Try to recreate a website, app, or part of GitLab. Pay attention to the design of that tool - what works, what doesn't, and how well it follows good design rules (like our AI UX heuristics). Take notes and screenshots. Use any format you like - comments, videos, Google Docs, FigJam, etc.
  • Comment here about your experience or link to your notes.
  • Copy your comment and share it in #ux_ai-up-skill.

Reflect

Almost done! Think about what you experienced to help remember what you learned.

Tips

  • Focus on the most important parts.
  • Keep it short - 3 points max per section.
  • For improvements, think about what you'd do differently with more time or resources.
  • For rating, think about what was helpful and what could be better.

Tasks

  • Use the template below to comment about what you learned.
  • Copy your comment and share it in #ux_ai-up-skill.

Reflection template

 
## What I did well

- 
- 
- 

## What I could do better

- 
- 
- 

## My main takeaways

- 
- 
- 

## How I rate this module

My rating: ⭐⭐⭐⭐⭐ <!-- Remove stars as needed -->

- 
- 
- 

cc @pedroms @jackib @emilybauman

You're done!

🎉 Great job! You finished this module. Close this issue and take a break! 😌

For the next module, go to Modules templates (&18581).

Edited by Pedro Moreira da Silva