ENIT
Home About Learn Blog

Learn · AI-guided pilot

Learn by doing, with your own AI assistant

These tutorials help you learn through practical exercises. Open a lesson file in your own AI assistant: the tutor asks you to predict a result, guides your practice and helps you interpret what you observe. You make the changes.

I am testing a way to make practical web-development knowledge easier to use, question and revisit. These are pilot lessons; their learning benefits are still being evaluated.

Available lessons

1. Classes

Decide when elements should share a style and when they need an independent variation. Practice classes, Rename, Duplicate class and combo classes.

You should know how to add and select a Box and a Paragraph in Webflow.

Start this lesson →

2. Breakpoints

Predict which widths a style change will affect, find the source of a value and check responsive styles on one practice card.

You should know how to add and select elements and assign a class. Classes is a useful first step, rather than a required lesson.

Start this lesson →

3. Flexbox

Build columns, changing card collections and content with an index. Predict and check how Basis, Wrap and Grow work with your AI tutor.

Know how to add and select Boxes and text, assign a class and change breakpoints. The tutor can revisit a needed operation.

Start this lesson →

How it works

  1. Choose a lesson and download its file. Attach it to a new conversation in your AI assistant, or paste the whole file if attachments are unavailable.
  2. Start in your own language. Tell the tutor what you already know and agree how to check your practice page.
  3. Predict, make the changes yourself and inspect the result. Ask for a hint, explanation or demonstration when it helps.
  4. Finish with a new task to plan, carry out and explain. You can ask for a recap if you need to pause.

What you need

  • An AI assistant that accepts a file or pasted text. Available tools depend on the assistant and your account.
  • A Webflow practice page you can edit. Start on a blank exercise page; follow the prerequisites of your chosen lesson.
  • A way to check results: a working project connection, accessible browser/Sandbox, screenshots or settings you report. Webflow publishing is not required.

Frequently asked questions

Is this a separate AI app?

No. Download a lesson file and use it in your own AI assistant. The file supplies the tutorial instructions; it does not create an account or connect your Webflow site.

Can I use my own language?

Yes. The tutor file is written in English, but you can hold the conversation in your language. The written references and demonstration captions are available in English and Italian.

Will the tutor change my Webflow page?

You make the changes. The tutor guides and checks through the observation method you agree. Loading the file does not give it access to your project.

Do I need Webflow MCP?

No. MCP is one possible connection between an assistant and Webflow. An accessible browser/Sandbox, screenshots or reported settings can also support the exercise. The tutor must verify what it can actually inspect.

Can I pause and return later?

Ask for a progress recap. For a new conversation, attach the lesson file and that recap. The tutor checks project access again; conversations do not sync automatically.

Are the demonstrations my live project?

No. They are prepared Designer replicas that illustrate a particular step. The tutor offers them when useful; watching every demonstration is not required to finish.