LearnFlow add-on for Adobe Express

LearnFlow Help Center

Everything you need to build interactive micro-courses — every slide type, all 63 content cards, AI generation, publishing, and learner analytics.

Search topics, card names, settings, and FAQ

5 steps

Quick start

New to LearnFlow? Follow these steps from blank project to shared course.

  1. 1

    Sign in and create a project

    Open the LearnFlow panel in Adobe Express, sign in (or continue as guest), then tap Add Project or pick a starter template from the dashboard.

  2. 2

    Build slides with content cards

    In the builder, set each slide to Lesson, Quiz, or Result. Tap Add Content to browse 63 interactive cards — headings, quizzes, flashcards, scenarios, and more.

  3. 3

    Configure flow and appearance

    Open Settings to choose lesson flow (lesson only, lesson + quiz, mixed), quiz behavior, player template, and accent theme.

  4. 4

    Publish and share

    Tap Publish & get link. Share the preview URL with learners — they complete the course in their browser, no Express required.

  5. 5

    Review responses

    From the dashboard, open Response and Analyze to see scores, per-card analytics, and export reports.

Overview

What is LearnFlow?

LearnFlow is an Adobe Express add-on for building interactive micro-courses — lessons, quizzes, and assessments — inside Express, then publishing them as shareable web links.

  • Runs in the Express side panel; learners view published courses in a browser.
  • Projects auto-save to the cloud when signed in.
  • 63 content cards organized by learning science (core instruction, layout, engagement, fun).
  • AI can generate full slide decks from a topic and learning recipe.
  • Analytics track learner responses, scores, and per-card interactions.

Authentication

Sign in & account

LearnFlow uses secure cloud authentication so your projects sync across sessions.

  • Sign up with email and password, or sign in if you already have an account.
  • Continue as guest to try the add-on — guest data may not persist long-term.
  • Use Forgot password on the sign-in screen to reset via email.
  • Your avatar menu (top right) shows Sign out and quick links to Help and Responses.
Tip — For production use, sign in before building — drafts auto-save every few seconds when you edit.

Home screen

Project dashboard

The dashboard is your home base for creating, opening, and managing projects.

  • Response and Analyze — full-width button opens the analytics dashboard.
  • Help — header icon or user menu → Help opens the in-panel guide and link to this page.
  • Filter templates by category: All, Mastery, Micro, Onboarding, Scenario, Workshop, Compliance, Quest, Reflective.

Step 1

Create a blank project

Tap Add Project, enter a name, and start with an empty lesson-quiz project.

Step 2

Use starter templates

Browse Templates — 50+ ready-made courses grouped by recipe category (Mastery, Micro, Scenario, Onboarding, etc.). Tap any template to open it in the builder.

Step 3

Save your own templates

In the builder, tap the bookmark icon to save the current project to Your templates. Reuse AI-generated or manual courses from the dashboard.

Step 4

Manage projects

Each project card shows slide count, flow type badge, and last updated. Use the menu to change the icon or delete. Click the card to open the builder.

Editor

Simple builder

The default builder view focuses on content: add cards, edit properties, and publish without leaving the panel.

  • Stack cards vertically — toggle at the bottom stacks cards like Google Forms instead of canvas positioning.
  • Expand editor — opens the visual canvas editor for drag-and-drop layout and Express sync.
  • Settings — configure flow, quiz rules, player template, and theme.
  • Save as template — bookmark icon saves to Your templates when the slide has content.

Step 1

Slide strip

Navigate slides with arrows. Set slide type (Lesson / Quiz / Result), title, and use Add New Slide, Duplicate cards, or Delete. Duplicate cards creates a new page with copies of this slide's LearnFlow cards—it does not copy background or other Adobe Express design on the page.

Step 2

Add Content

Tap Add Content or Add More Content to open the full library (63 cards in 5 sections). On empty slides, a 4-card preview offers quick picks.

Step 3

Edit elements

Each card appears as a collapsible item under Content. Expand to edit Content, Style, and Layout tabs in the element panel.

Step 4

AI generation

Toggle AI, enter a topic, pick a learning recipe and slide count (1–10), then Generate. Daily quota applies. Optionally save the result as a template.

Step 5

Publish

Publish & get link creates a live preview URL. Republish & update link pushes changes. Copy or open the link from the published bar.

Canvas

Expanded (visual) editor

The expanded editor is a full visual canvas inside Express for precise layout, backgrounds, and Adobe Express page import.

  • Context menu on elements: Duplicate, Delete.
  • Element editor panel floats or docks — Content, Style, Layout sections.
  • Each slide can link to an Express page for design continuity.

Step 1

Open expanded mode

Tap Expand editor at the bottom of the simple builder, or use the Express modal when available.

Step 2

Arrange on canvas

Drag, resize, and rotate elements. Snap guides help alignment. Use the layer list to manage z-order.

Step 3

Design toolbar

Set slide background (Pexels stock search, upload, or wave pattern). Insert shapes, icons, emoji, and wave layers.

Step 4

Express sync

Text and shapes sync bidirectionally with Adobe Express layers. Select a layer in Express to jump to its style settings.

Step 5

Import Express page

Import the current Express page as an adobe-express-design element — available only in expanded mode.

Tip — Use simple builder for fast content editing; switch to expanded when you need pixel-perfect layout or Express-native design.

Structure

Slides & slide types

Courses are sequences of slides. Each slide has a type that affects learner flow and scoring.

  • Lesson — instructional content; typically no graded quiz cards (though you can mix types).
  • Quiz — assessment content; use multiple-choice, true/false, fill-blank for scored questions.
  • Result — completion or celebration slide; shown after the learner finishes.
  • Duplicate cards — copies all LearnFlow cards from the current slide onto a new page. Adobe Express background and non-add-on elements are not duplicated.
  • Slide title appears in navigation and analytics — keep titles descriptive.
  • Slide background: color, image (Pexels or upload), or wave (soft/bold) — set in expanded editor toolbar.

Editing cards

Element editor panels

Every content card has three editor sections. Expand a card in the builder to access them.

  • Include in final exam — toggle on most cards to add self-assessed or quiz items to the end-of-course exam.
  • Duplicate and Delete — from the card header menu or context menu in expanded editor.
  • Refresh from Express — in expanded mode, pull latest text/shapes from the linked Express layer.

Step 1

Content

Copy, questions, options, media URLs, behavior settings (expand mode, flip trigger, quiz feedback, etc.). Upload images, video, and audio via the upload button.

Step 2

Style

Typography (font size, color, alignment), card background (fill, stroke, corner radius), and type-specific shapes (button pill, divider line, option rows).

Step 3

Layout

Position X/Y, width, and height on the canvas. Hidden for adobe-express-design elements (Express controls layout).

Configuration

Project settings

Open Settings from the builder header to control how learners experience your course.

  • Project name — displayed in dashboard and preview.
  • Learning recipe — if the project uses a recipe, see phase info and Follow recipe rules toggle.
  • Flow mode — Lesson Only, Lesson → Quiz, Quiz Only, or Mixed (lessons and quizzes interleaved).
  • Free navigation — let learners jump between slides freely.
  • Allow skip — learners can skip slides without completing cards.
  • Require completion — all required cards must be done before advancing.
  • Quiz mode — Practice (low stakes), Test (scored), or Survey (no pass/fail).
  • Feedback timing — Immediate, After submission, or Never.
  • Passing score %, Max attempts, Time limit (minutes).
  • Final exam — pull questions from quiz slides; set question limit.
  • Randomize questions/answers, Show correct answers, Allow retry.
  • Progress bar, Track completion, Certificate on completion.
  • Auto-advance + delay, Show slide numbers.
  • Player template — Classic, Framed, Wide, Theater, Notepad, Compact.
  • Theme accent — Modern, Corporate, Playful, Education.
  • Stack slide cards — same as builder bottom toggle for Google Forms-style layout.

Pedagogy

Learning recipes & templates

Recipes are pedagogical blueprints that guide AI generation and optionally enforce phase rules at runtime.

  • Spaced Mastery — teach → recall → mistake correction → delayed recall.
  • Skill Builder — hook → guided practice → micro quiz → remediation → confidence check.
  • Scenario Journey — narrative scenarios with branching and reflection.
  • Assessment First — diagnostic quiz before instruction.
  • Micro Sprint — short focused bursts (5–7 slides).
  • Workshop Lab — hands-on steps with checklists and process unlock.
  • Onboarding Path — welcome → policy → tools → checkpoint.
  • Gamified Quest — XP, badges, quests woven into content.
  • Reflective Learning — journals, confidence checks, teach-back.
  • Compliance Gate — safety checklists, myth/fact, mandatory completion.
  • Follow recipe rules — when on, preview enforces phase unlock, retries, and hints per recipe settings.
  • Starter templates — 50 pre-built projects (10 per wave × 5 waves) tagged by recipe category.
Tip — Pick a recipe when using AI generation — it shapes which card types appear on each slide.

Generate

AI course generation

AI builds multi-slide courses from a topic, learning recipe, and slide count.

  • AI enriches slides with Pexels stock photos where appropriate.
  • Deprecated card types in old projects are mapped to current equivalents automatically.
  • After generation, review quiz cards for correct answers and feedback text.

Step 1

Open the AI panel

In the builder, toggle AI on. Enter a clear topic (e.g. “Workplace fire safety basics”).

Step 2

Choose recipe and count

Select one of 10 learning recipes and slide count (1–10). The recipe influences card mix and slide arc.

Step 3

Generate

Tap Generate. Progress shows while the server builds slides. Daily quota is displayed — each generation consumes one run.

Step 4

Refine and save

Edit any generated card. Optionally save the project as a template for reuse.

Share

Publish & learner preview

Publishing creates a public preview URL learners open in any browser.

  • Preview URL format: {your-server}/preview/{projectId}
  • Stack mode stacks all cards vertically; canvas mode respects element positions.
  • Graded score comes from multiple-choice, true/false, and fill-blank only.
  • Self-assessed cards (hotspot, case study, etc.) can appear in final exam UI when includeInFinalExam is on.

Step 1

Publish

Tap Publish & get link. First publish creates the URL; Republish & update link pushes edits to the same link.

Step 2

Share the link

Copy or open the preview URL. Learners enter name/email if tracking is enabled, then complete the course.

Step 3

Learner experience

Slides follow your flow settings. Quizzes show feedback per your timing rules. Final exam runs if enabled. Certificate shows on completion if configured.

Analytics

Responses & Analyze

Track learner completions, scores, and per-card interaction data.

  • Stat cards: Total responses, Avg score, Pass rate, Avg time.
  • Projects tab — compare metrics across projects.
  • Add to design — push analytics visuals into Adobe Express canvas (when host SDK available).

Step 1

Open analytics

From the dashboard, tap Response and Analyze (or use the user menu).

Step 2

Browse responses

Responses tab — searchable list of learner submissions. Click one for full answer breakdown and card-level analytics.

Step 3

Summary charts

Summary tab — score distribution, pass/fail pie, per-card analytics aggregated across learners.

Step 4

Export

From a response detail: export PNG, CSV, JSON, or print a report.

Assessment

Grading & final exam

LearnFlow distinguishes scored quiz cards, self-assessed interactions, and non-graded engagement.

  • Graded for course score — Multiple Choice, True/False, Fill Blank only.
  • Self-assessed final exam — Decision simulator, Hotspot image, Click sequence, Case study (when Include in final exam is on).
  • Not graded — All engagement/gamification cards, Rating, layout/visual cards, fun ice breakers.
  • Include in final exam — toggle in element panel; default on for the three graded quiz types.
  • Button actions — nextStep, prevStep, goToSlide (needs target slide id), submitQuiz.
  • Quiz cards support feedbackCorrect, feedbackIncorrect, allowRetry, advanceDelayMs, and post-submit navigation.

Reference

All content cards

Every card in the Add Content library, plus the Adobe Express import type. Cards are grouped by learning-science tier.

Expanded editor only

Adobe Express design

adobe-express-design

Imports the current Adobe Express page as a design element on the slide.

Learner experience

Displays the imported Express design as part of the slide — read/interact per embedded content.

Editor tips

  • Available only in the expanded (visual) editor.
  • Use Import Express page to capture your canvas design.
  • Layout is controlled by Express — no Layout panel for this type.

Learn & Assess

Core

Active recall, retrieval practice, and application — the core of effective lessons.

Decision simulator

Self-assessed

decision-simulator

Branching decision tree where learners walk through choices and see consequences.

Learner experience

Start at the root node, pick options at each step, and follow paths to outcome nodes with feedback.

Editor tips

  • Add nodes with labels and connect them with branches.
  • Set feedback text on terminal nodes to teach outcomes.
  • Enable Include in final exam for compliance-style branching assessments.

Hotspot image

Self-assessed

hotspot-image

Image with clickable regions learners must find or identify.

Learner experience

Learner clicks hotspots on the image; correct taps highlight success, misses show hints.

Editor tips

  • Upload or paste an image URL, then define hotspot regions.
  • Label each hotspot and mark which are required.
  • Great for UI training, anatomy, or equipment identification.

Click sequence

Self-assessed

click-sequence

Learners tap UI elements or steps in the correct order.

Learner experience

Follow on-screen instructions; each correct click advances the sequence until complete.

Editor tips

  • Define ordered steps with labels and optional hints.
  • Use for procedural training (e.g. shutdown checklist order).
  • Include in final exam for process verification.

Case study

Self-assessed

case-study

Narrative scenario with embedded questions and teaching feedback.

Learner experience

Read the case setup, answer questions, and receive debrief text after each response.

Editor tips

  • Write a realistic scenario in the setup field.
  • Add multiple questions with correct answers and teach-back text.
  • Ideal for ethics, sales, and clinical case discussions.

Guided screenshot

guided-screenshot

Step-by-step walkthrough overlaid on a screenshot or UI capture.

Learner experience

Learner advances through numbered callouts on the image, each explaining one UI area.

Editor tips

  • Upload a screenshot and position hotspot callouts.
  • Write short instruction text per step.
  • Perfect for software onboarding and tool tours.

Reflection

reflection-journal

Free-text journaling prompts for learner reflection.

Learner experience

Learner reads the prompt and types a response in a text area (not scored).

Editor tips

  • Set a clear reflection prompt tied to the lesson objective.
  • Use in reflective learning recipes and workshop debriefs.
  • Responses may appear in analytics if tracking is enabled.

Confidence check

confidence-check

Before/after confidence slider to measure perceived mastery.

Learner experience

Learner rates confidence (e.g. 1–5) before and/or after content; sees coaching text.

Editor tips

  • Place at the start (pre) and end (post) of a lesson arc.
  • Compare pre/post in analytics to gauge learning impact.
  • Common in Skill Builder and Reflective Learning recipes.

Flashcard

flashcard

Flip card for active recall — each face can be text, image, or both.

Learner experience

Front shows the prompt; learner flips (click or hover) to reveal the answer on the back.

Editor tips

  • Set frontSideMode and backSideMode: text, image, or text-and-image.
  • Choose flipTrigger: click, hover, or click-or-hover.
  • Add frontHint for optional scaffolding.

Multiple Choice

Graded

multiple-choice

Multi-option quiz with per-option rationales and graded feedback.

Learner experience

Select one or more options, submit, see correct/incorrect feedback and rationales, optionally retry.

Editor tips

  • Set answerMode to single or multiple correct answers.
  • Add rationale per option — shown after submit.
  • Configure submitActionKind and advanceDelayMs for post-quiz navigation.

True/False

Graded

true-false

Binary graded quiz with true/false statement.

Learner experience

Pick True or False, submit, receive feedback, optionally retry.

Editor tips

  • Write unambiguous statements — avoid double negatives.
  • Set feedbackCorrect and feedbackIncorrect for teaching moments.
  • Included in final exam by default.

Fill Blank

Graded

fill-blank

Graded cloze — learner types the missing word or phrase.

Learner experience

Read the sentence with a blank, type an answer, submit for instant grading.

Editor tips

  • Add multiple correctAnswers (e.g. 'alt' and 'alt text').
  • Set caseSensitive if needed.
  • Use for terminology recall and key concept checks.

Accordion

accordion

FAQ-style expandable sections for chunked content.

Learner experience

Tap section titles to expand/collapse body text; single or multiple open modes.

Editor tips

  • expandMode: single (one open) or multiple.
  • Set defaultOpenIds for sections open on load.
  • Keep section titles scannable; put detail in body.

List

list

Structured lists — bullets, numbers, checklists, arrows, tips.

Learner experience

Read-only for bullet/number/arrow; checklist mode lets learners tick items with optional completion message.

Editor tips

  • listStyle: bullet, number, check, or arrow.
  • For checklists, set itemsRequiredToComplete and completionMessage.
  • showItemKinds adds do/don't/neutral badges per item.

Connect pairs

connect-pairs

Match terms to definitions by connecting left/right pairs.

Learner experience

Learner matches shuffled pairs; success message and debrief on completion.

Editor tips

  • Add pairs with left term, right definition, optional hint.
  • Pairs shuffle in preview — order in editor is the answer key.
  • Strong for vocabulary and concept-definition drills.

Drag reorder

drag-reorder

Drag items into the correct sequence (process steps, chronology).

Learner experience

Drag rows into order, submit, see success or retry with debrief.

Editor tips

  • List items in the correct order in the editor.
  • Add rationale per item for teach-back after submit.
  • Similar to Sort challenge but simpler interaction.

Sort challenge

sorting-challenge

Drag-sort challenge with success message and debrief.

Learner experience

Reorder rows to match the correct process order; feedback on success or failure.

Editor tips

  • Set instruction, successMessage, and debrief text.
  • Define items and correctOrder derived from editor order.
  • Use for procedures, timelines, and priority ranking.

Word fill (drag)

drag-word-fill

Drag words from a bank into sentence blanks.

Learner experience

Drag correct words into gaps; distractors in the bank add difficulty.

Editor tips

  • Split sentence into parts array around blanks.
  • Set correctWords in order and bank with distractors.
  • Good for grammar, formulas, and cloze without typing.

Categories

category-drops

Sort items into two category buckets by dragging.

Learner experience

Drag each item to the correct category; debrief explains sorting logic.

Editor tips

  • Name both categories clearly (e.g. Risk vs Opportunity).
  • Add items with teach text for wrong placements.
  • Useful for classification exercises.

Memory

memory-match

Card-matching memory game with pairs.

Learner experience

Flip cards to find matching pairs; completes when all pairs found.

Editor tips

  • Define pairs with front/back content.
  • Keep pair count manageable (4–8 pairs) for panel size.
  • Engaging review activity, not for formal scoring.

Myth / fact

myth-fact-tags

Tag statements as myth or fact with teach-back explanations.

Learner experience

Learner tags each statement; sees teach text explaining why.

Editor tips

  • Write clear statements — one idea per item.
  • Teach field explains the correct classification.
  • Common in compliance and health literacy courses.

Best explain

best-explanation

Pick the best explanation among several choices.

Learner experience

Read options, select the strongest explanation, see feedback.

Editor tips

  • Write plausible distractors — not obviously wrong.
  • Mark correctIndex and add teach text per option.
  • Tests deeper understanding than fact recall.

Process unlock

process-unlock

Sequential step unlock — each step reveals the next with key ideas.

Learner experience

Complete step 1 to unlock step 2, etc.; key idea shown per step.

Editor tips

  • Order steps in the editor — learners progress linearly.
  • Add keyIdea text per step for micro-teaching.
  • Ideal for multi-step procedures.

Scenario

scenario-branch

A/B scenario branch with reveal feedback per path.

Learner experience

Read context, pick option A or B, see reveal text teaching the tradeoff.

Editor tips

  • Write context setup, option labels, and revealA/revealB feedback.
  • Not scored — focus on discussion and reflection.
  • Replaces legacy would-you-rather card type.

Tradeoff

tradeoff-teach

Slider between competing priorities with teaching debrief.

Learner experience

Move slider between two poles, submit, read teach-back about the tradeoff.

Editor tips

  • Label both poles clearly (e.g. Speed vs Quality).
  • Write debrief explaining nuance — no single 'correct' position required.
  • Replaces legacy ethics-fork card type.

Spot bug

spot-bug

Click the wrong or buggy word in a text snippet.

Learner experience

Read the snippet, click the incorrect word; feedback confirms or corrects.

Editor tips

  • Highlight the bug word index in content settings.
  • Use for code review, proofreading, and error-spotting drills.
  • Keep snippets short for mobile learners.

Signal sort

signal-sort

Classify signals as risk, opportunity, or noise.

Learner experience

Sort each signal into the correct bucket; debrief explains classifications.

Editor tips

  • Write realistic signal snippets for your domain.
  • Three buckets: risk, opportunity, noise.
  • Great for analyst and leadership training.

Hint ladder

hint-ladder

Riddle with progressive hints and final answer pick.

Learner experience

Try to answer; request hints one at a time; pick from options when ready.

Editor tips

  • Write riddle, ordered hints (mildest first), and answer options.
  • Set correctIndex among options.
  • Used in mistake-correction phases of recipes.

Safety list

safety-checklist

Checklist with teach-back per item for compliance training.

Learner experience

Check each safety item; teach text appears for unchecked or wrong items.

Editor tips

  • List mandatory safety steps with teach-back per item.
  • Require all items for completion in compliance recipes.
  • Pair with Compliance Gate recipe for gated courses.

Text & Media

Layout

Headings, copy, buttons, and media — structure and present your lesson.

Heading

heading

Slide or section title (h1–h4 semantic levels).

Learner experience

Read only — displays prominent title text.

Editor tips

  • Set level (h1–h4) for hierarchy and Express export sizing.
  • Optional link on heading text.
  • Syncs as bold text layer to Adobe Express.

Text

text

Free-form body copy, paragraphs, and notes.

Learner experience

Read only.

Editor tips

  • Use for explanations, instructions, and context.
  • Full typography control in Style panel.
  • Optional hyperlink on text.

Button

button

Primary navigation and action control in the lesson flow.

Learner experience

Click triggers nextStep, prevStep, goToSlide, or submitQuiz.

Editor tips

  • Set label and actionKind; targetSlideId required for goToSlide.
  • Variants: primary/secondary; sizes sm/md/lg.
  • Style the inner pill separately from the element box.

Info Card

card

Callout with title, summary, and expandable body — icon or image media.

Learner experience

Click to expand inline, reveal hidden body, or open modal — per clickBehavior.

Editor tips

  • clickBehavior: expand, reveal, or modal.
  • mediaKind: icon (emoji grid) or image upload.
  • Replaces legacy info-card type.

Image

image

Raster image with optional caption and click behavior.

Learner experience

Display image; optional link or slide action on click.

Editor tips

  • Upload or URL; set alt text for accessibility.
  • objectFit: contain, cover, or fill.
  • clickMode: none, link, or action (next/prev/submit).

Video

video

Embedded video player with caption.

Learner experience

Native video controls; optional click overlay actions.

Editor tips

  • Paste URL or upload; optional poster image.
  • Same clickMode pattern as image.
  • Keep videos short for panel-friendly courses.

Audio

audio

Audio player for podcasts, pronunciation, or narration.

Learner experience

Play/pause audio with optional caption.

Editor tips

  • Upload MP3 or paste URL.
  • Set title for screen readers.
  • Use for language learning and voiceover lessons.

Quote

quote

Blockquote for principles, expert voices, and testimonials.

Learner experience

Read quote text and author attribution.

Editor tips

  • Style quote text, author, and accent bar separately.
  • accentColor sets the left bar color.
  • Good for memorable principles and social proof.

Visual

Layout

Shapes, progress bars, and dividers for layout and wayfinding.

Shape

design-rough

Decorative shapes, arrows, icons, and layout elements.

Learner experience

Visual only — no interaction.

Editor tips

  • Choose shape type, fill, stroke, corner radius.
  • Use for arrows, highlights, and visual hierarchy.
  • Also insert shapes from expanded editor floating toolbar.

Progress

progress

Course or slide progress bar.

Learner experience

Shows completion percentage — auto from slide position or fixed value.

Editor tips

  • Mode: auto (tracks learner progress) or manual fixed %.
  • Style bar fill and track in Style panel.
  • Pair with Show progress bar in project settings.

Divider

divider

Horizontal rule or wave divider between sections.

Learner experience

Visual separator only.

Editor tips

  • lineStyle: solid or dashed; adjust thickness and margins.
  • Wave dividers also available as slide backgroundWave setting.
  • Use to break long stacked-card slides.

Engagement

Engagement

Motivation, reflection, and participation — boosts involvement without replacing instruction.

Rating

rating

Star or emoji Likert scale for opinions and satisfaction.

Learner experience

Pick a rating; not graded — used for surveys and feedback.

Editor tips

  • Choose star or emoji scale.
  • Not included in course score.
  • Place at end of lessons for NPS-style feedback.

Badge

badge

Celebration badge with conditional display.

Learner experience

Badge appears when learner meets conditions or always as encouragement.

Editor tips

  • Set badge label, icon, and condition rules.
  • Style the badge pill separately.
  • Use in gamified quest recipes.

XP meter

xp-meter

Experience bar showing level and progress toward next level.

Learner experience

View current XP, level badge, and progress fraction.

Editor tips

  • Set level, currentXp, and nextLevelXp.
  • Decorative/motivational — does not track real learner XP unless wired in future.
  • Pairs with Gamified Quest templates.

Streak

streak-tracker

Day streak counter with coaching caption.

Learner experience

See streak day count and motivational caption.

Editor tips

  • Set streakDays and caption text.
  • Motivational display — configure narrative for your course.

Achievements

achievement-grid

Grid of locked and unlocked achievement badges.

Learner experience

View achievements; earned items highlight as unlocked.

Editor tips

  • Add achievements with icon, label, description, earned flag.
  • Use for course milestone visualization.

Quest list

quest-checklist

Quest steps learners check off like a mission list.

Learner experience

Tick quest steps; optional rationale per step on expand.

Editor tips

  • Define steps with label and rationale.
  • Frame as a learning quest narrative.

Leaderboard

leaderboard

Ranked score table with cooperative framing.

Learner experience

View ranked entries; highlight row for current learner.

Editor tips

  • Add entries: name, score, note.
  • Set footnote for cooperative (not cutthroat) framing.
  • Display-only — not connected to live scores.

Live poll

live-poll

Vote poll with aggregate results and debrief.

Learner experience

Pick an option, see bar chart results, read debrief text.

Editor tips

  • Write question, options, and debrief.
  • Simulates live polling — results are illustrative in preview.

Lens toggle

lens-toggle

Switch stakeholder lens on the same scenario.

Learner experience

Toggle between lenses (e.g. Customer vs Engineer) to see different perspectives.

Editor tips

  • Define lenses with labels and perspective text.
  • Replaces legacy values-stack card type.
  • Great for empathy and cross-functional training.

Evidence

evidence-meter

Rate strength of evidence supporting a claim.

Learner experience

Read claim and snippets; classify each as weak, moderate, or strong evidence.

Editor tips

  • Write a claim and evidence snippets with correct strength.
  • Teaches critical thinking and source evaluation.

Tone pick

tone-picker

Pick response tone to match an inner thought or de-escalation scenario.

Learner experience

Choose among tone options; teach text explains impact of each tone.

Editor tips

  • Add tone options with teach-back per choice.
  • Replaces legacy deescalate-pick card type.
  • Use in customer service and conflict training.

Fun & Ice Breakers

Fun

Optional energizers and mini-games — fine for breaks; rarely needed for core learning goals.

Lucky spin

lucky-spin

Prize wheel with random segment outcome.

Learner experience

Spin the wheel; lands on a random segment label.

Editor tips

  • Add 2+ segments with labels.
  • Use for ice breakers and reward moments — not for assessment.

Mystery boxes

mystery-boxes

Pick a hidden box to reveal a prize or message.

Learner experience

Choose a box; reveals hidden content.

Editor tips

  • Define boxes with labels and hidden prizes.
  • Light engagement — avoid overuse in compliance courses.

Slots

triple-slots

Three-reel slot machine mini-game.

Learner experience

Pull lever; reels spin to random symbols.

Editor tips

  • Configure reel symbols and outcomes.
  • Pure fun — use sparingly in professional contexts.

Emoji party

emoji-party

Emoji burst button for celebration moments.

Learner experience

Tap to trigger emoji animation burst.

Editor tips

  • Set button label and emoji set.
  • Place on result slides for celebration.

Combo smash

combo-smash

Rapid-tap combo game for energy breaks.

Learner experience

Tap repeatedly to build combo score within time limit.

Editor tips

  • Set duration and target combo.
  • Short energizer between dense lesson blocks.

Reaction tap

reaction-tap

Reaction-time drill — tap when signal appears.

Learner experience

Wait for green signal, tap fast; measures reaction time.

Editor tips

  • Set title and hint text for when to tap.
  • Used in Skill Builder recipe intro hooks.

Shape guess

shape-guess

Riddle with emoji answer choices.

Learner experience

Read riddle, pick from emoji options, see if correct.

Editor tips

  • Set riddle, secretEmoji, and option list with correctIndex.
  • Light puzzle — good for ice breakers.

FAQ

Frequently asked questions

Where is my project saved?+

When signed in, projects auto-save to the cloud (Convex) every few seconds as you edit. Guest sessions may not persist reliably — sign in for production work.

Why can't I publish?+

Publishing requires NEXT_PUBLIC_SERVER_URL to be configured at build time and a valid server deployment. Ensure you are signed in and the project has at least one slide with content.

Which cards count toward the learner score?+

Only Multiple Choice, True/False, and Fill Blank are graded for the course score. Other quiz-like cards (hotspot, case study, etc.) can appear in a self-assessed final exam but do not affect the numeric score.

What is the difference between simple and expanded builder?+

Simple builder is optimized for adding and editing content cards quickly. Expanded builder adds a visual canvas with drag-and-drop, Express layer sync, backgrounds, and Express page import.

How does AI generation quota work?+

Each full-course AI generation consumes one daily quota unit. The remaining count is shown in the AI panel. Quota resets daily for signed-in users.

Can learners access the course without Adobe Express?+

Yes. After publishing, learners open the preview URL in any modern browser. Express is only needed for authoring.

What are learning recipes?+

Recipes are pedagogical templates that guide AI slide generation and optionally enforce phase-based rules (unlock order, retries, hints) when Follow recipe rules is enabled in settings.

How do I change the player look?+

In Project Settings, choose a Player template (Classic, Framed, Wide, Theater, Notepad, Compact) and a Theme accent (Modern, Corporate, Playful, Education).

Import from PDF or Google Slides — does it work?+

The Import flow UI is available from the app navigation but full import processing is not yet connected to a backend. Create courses manually or use AI generation for now.

How do I get help while editing?+

Tap the Help icon in the dashboard header or builder, or open Help from the user menu. It opens this guide directly in your browser.

Need help in the add-on?

Tap the Help icon in the LearnFlow dashboard or builder — it opens this page directly in your browser.