How it works01Features02SDK03Projects04
STATUS · LIVE·v0.1.0
NewNudge SDK — build guided tutorials for any tool

Learn any tool by actually using it.

An AI overlay guides you through real projects inside the tools you want to master. No videos. No tab-switching. Just build — and learn while you do.

Start learningInstall for Chrome
Works withFigmaTradingViewBlenderAfter Effects
figma.com/file/nudge-onboarding
NUDGE · ACTIVE
Hero / Card
Step 03 / 12

Apply Auto Layout to align children evenly.

Phase 1 · Guided·Onboard a new user
Section / 01

Three phases. From hand-held to second-nature.

Click → grid item
Selects the third tile to apply auto-layout.
PHASE 01

Guided

/guided

Watch the agent move.

A shadow cursor travels through the real interface. Every click, drag, and shortcut is annotated with the why — not just the what.

Cursor on · Tooltips on
HINTTry the same on the second row.
PHASE 02

Assisted

/assisted

Now you drive.

The cursor goes quiet. Hints stay. You execute the same flow with text prompts and validation that catches missteps in real time.

Cursor off · Hints on
7/12 · 02:14
PHASE 03

Solo

/solo

Prove it without a net.

A status pill is all that remains. Ship a variation of the project end-to-end. This is where memory becomes muscle.

Status pill only
Section / 02

Built for how you actually learn.

Nudge · Step 04

Drag the rectangle into the auto-layout frame.

01 · IN-CONTEXT

Learn where you work.

Nudge runs as a layer inside the real app. No splitting screens, no flipping back to a tutorial tab — the lesson lives on top of the canvas you're already using.

02 · WHY, NOT JUST WHAT

Every step has a reason.

The agent narrates intent, not just clicks. You learn the principle behind each action.

01
Guided
02
Assisted
03
Solo
03 · LOOP

Guided → Assisted → Solo.

A three-phase progression turns watching into doing into knowing.

04 · REAL WORK

Projects, not toy demos.

Build app mockups, chart layouts, 3D scenes. Skills transfer because the work is real.

Figma
TradingView
Blender
After Effects
05 · MULTI-TOOL

One platform, every tool.

Section / 03

The SDK. Author guided tutorials for any tool.

Coming soon

Define steps, targets, and explanations. Nudge handles the cursor, the highlights, the validation, and the progression through Guided → Assisted → Solo.

  • 01Tutorials defined as JSON or code
  • 02Drop into any web-based tool
  • 03Built-in progress + analytics
  • 04Open source and self-hostable
tutorial.ts
TS · 14 lines
1
2
3
4
5
6
7
8
9
10
11
12
13
14
import { NudgeSDK } from "nudge-sdk";
 
const tutorial = NudgeSDK.create({
tool: "figma",
steps: [
{
target: "#auto-layout",
action: "click",
say: "Apply auto layout — children align by spacing, not absolute coords.",
},
],
});
 
tutorial.start();
Compiledmain · 0 errors
UTF-8 · LF
Ready when you are

Stop watching.
Start building.

Install the Chrome extension, pick a project, and let the agent walk you through your first lesson — inside the real tool.

Add to ChromeBrowse projects