Learn by doing with an AI copilot 🚀

Something really cool.

We built a tool that helps you translate what you've learned into real proof of work.

Let's have a look at it.

Let's say you've learned Figma or you want to learn Figma and want to build your portfolio.

Right.

All you do is tell the tool that it will break it down into a week by week plan.

Right?

From identifying why you want to do it, researching on what good portfolios look like to helping you ride along with this.

Right.

Let's say I want to start with FIGMA components.

All I'll do is I'll click on start.

this multimodal copilot will start setting up.

This can read my screen.

This will have domain expertise, functional expertise, skill, taste, and it can read and guide me through the entire process.

Let's have a look at how this is done.

So to get started on making those components and variants for your portfolio, could you go ahead and share your screen?

That way I can see those elements you made last week and we can walk through it step by step.

What do you think?

Can you see my screen?

Yep, I can see your Figma screen.

Now.

I also see you have a Figma file linked for this task, but if you have a specific one with those UI elements, it might help to link that one.

For now, go ahead and open the file you'll be working on.

Once you're in there, we can start by selecting one of your main buttons.

Can you show me what you've created?

I haven't created anything.

start from scratch.

This is the file.

No problem at all.

We can build it from scratch together.

Let's start by creating a basic button.

First, grab the Rectangle tool from the top toolbar and draw a shape for your button, like a rectangle.

Then add some text inside it.

After that, we'll turn both of those into a component.

How does that sound?

Okay, this is the rectangle.

What do I do next?

Perfect.

Now grab the text tool, which is that letter T in the same toolbar, and click anywhere on screen to add some text to your button.

Maybe try typing submit or button for now.

Once you've done that, highlight both the rectangle and text layers by clicking and dragging over all of it.

Then right click and select Create Component.

Can you see?

Nice.

I see you've got the text.

Now next, make sure you move that text box over on top of your rectangle.

After that, select both the rectangle and the text box by dragging around all of it.

And then we'll turn it into a Component.

How do I turn it into a component?

Great, you've selected them both.

Now right click on that selection and just scroll down the menu a bit until you see Create Component and click on that.

You could also use the shortcut which is Control alt K on Windows or Command option K on a Mac.

Is it done?

Yes, exactly.

You can tell it's a component because the selection box turned purple.

And you can also see that diamond shaped icon in the Layers panel on the left and can see you.

Now that we have the main component, the next step is to create our first variant which is really useful for different.

Nothing wrong with this button though.

Nothing's wrong with it.

It looks great.

The whole point of making it a component is so you can reuse it across your design.

And if you ever decide to change the style, you just change the main component and they all update automatically.

Now we can create something called a variant, like a version of this button for when someone hovers over it with their mouse.

Want to try creating a hover state?

How do I do that?

First, make sure you select your new component.

Then look over on the right side in the design panel, you should see a button with a plus sign that says Add Variant.

Clicking that will create a copy of your component within a special box.

And that's where we can start making changes.

I don't see it.

Ha.

You're right.

I was seeing something different.

Okay, with the button component selected, look at the Properties panel on the right.

Next to where it says Component one, you'll see a row of icons.

Click on the one that looks like a plus sign inside a diamond.

That's the Add variant button.

Did you find it this time?

Perfect.

Thank you.

So this is Use case one.

Let's look at Use case two.

Right.

Let's say I'm a college student applying to an Ivy League university.

And by the way, even before that, let's suppose this, right?

let's say I've done this, I end the session.

And let's look at the feedback for the session.

So once I'm done learning, look at what kind of learning it will give me to identify the gaps.

It will tell me what I did right, what I did wrong, where do I need to improve everything to the end?

Right?

Knowledge gap detected.

So it will say that student experience difficulty in locating ad variant button, which means it wasn't in the tuning.

Right?

So that's.

That's case one.

Let's look at use case 2.

Assume I'm an Ivy League student.

I'm an aspirant to an Ivy League university.

I'm building a passion project to launch my own consumer app for Jackfruit chip brand.

Right?

That's my desired transition.

What it does is it will break that down into week by week plan.

Right?

From framing the vision to identifying the problem to solution to design to packaging to impact metrics to MVP to business tracking to go live.

It will help me write everything.

Let's look at this use case, right?

Identifying core problem statement for the target consumer.

Right.

Let this set up again.

This will this will have access to my docs, it will have access to my previous conversation.

It will have access to my entire step by step process as I go along the ride with it.

And it will help me do this end to end.

So now learning is no more about just learning.

It's about doing.

And we can ride with the user with the learner to do that.

Let's have a look at this.

I will share my screen and I will start talking.

We were just talking about that.

We were just talking about that unique problem your Jackfruit business will solve.

Like finding exciting snacks that are also good for you.

To get started on the section, could you describe a specific person, like a, Persona who deals with this struggle, including what they care about and their pain points.

What are those specific problems they're facing?

Tell me what you're thinking.

Okay.

Can you see my screen?

Yep, I can see your screen.

It looks like you've opened a Google Doc.

Now for that Persona, we need to think about your ideal customer.

Maybe a busy professional who struggles to find nutritious, exciting snacks on the go.

Can you give them a name and list some of their traits, needs and pain points related to snacking.

Do you see that on screen?

Yes, I can see it.

You've got a fantastic Persona.

For Aparna, the product manager in Bangalore, both the description and the problem statement look very clear.

You focused on her busy lifestyle and her desire for exotic, nutrient dense alternatives while avoiding the boring, drinking healthy options.

It really seems to capture the core problem you're addressing.

Does this feel right to you?

Or is there anything else you'd want to add about her motivation?

You tell me, what am I missing?

Honestly, I think you've nailed it.

The Persona is detailed, the problem statement hits all the right notes and you've even laid out how your chips directly solve those specific issues.

Your work looks complete here, so go ahead and run the completion tap mark complete on your screen to confirm where is the completion check OK check It's that button in the platform that says check if I'm done.

Once you click that you'll be prompted to confirm by tapping mark complete.

All right so it is just checking and see whatever it asked me if I've done it it will break it down.

It'll okay it will still say refine your market size as segment so there's something missing so it'll ask me to do that and I can end session and it will give me a feedback on how this went so that's case two right where whether I have to launch a consumer brand I have to do a passion project I have to do anything it will help ride with me and it can read my screen it can see actually what I am doing so right from this context to actually building the brand it will retain all of that context which is pretty significant if I get.

Yeah okay cool perfect so.

I want to transition to OpenAI in the data engineering team.

Help me learn as a beginner, build relevant projects and guide me through each project.

I have about six months of time to work on it.

Right.

So it will break from helping me and deconstruct the role to going all the way to building my project portfolio.

Right.

And, let's look at.

Let's say I want to set up my data environment now.

Let's.

Let's get started.

Okay.

There is some hidden context, but let's quickly get started.

do you see my screen?

Let's get that Google Cloud free tier sign up so you can start building.

can you see my screen?

Yes, I can see your screen.

It looks like you're already in the Google Cloud console.

Your next is to choose like picking a public data set or an API and then write a Python script to move it into a storage bucket.

Have you thought about what data you'd like to ingest?

No.

You tell me.

You tell me.

Could be to use an API for something like Weather, like Open Weather Map or maybe financial data from Alpha Vantage.

They Both have free APIs.

You can pull from either of those.

Fit with your interests or is there.

Okay.

Open Weather API.

can you see my screen?

Yeah, I can still see your screen.

Go ahead and click on for Open weather.

This is weathermap.org after that we'll look for where you can sign up API key so you can start grabbing data.

Where can I do that?

You're on the right page now.

To pull data, you'll need an API key.

Do you see the orange button that says Get API key?

Click on that and then you can sign up for a free account.

Okay.

Awesome.