Studio Design

Shape scenes, choose widgets, and design a clear learner experience.

Studio OverviewUnderstand the editor layout so you can move from idea to build quickly and confidently.
Saving and Auto-SaveYour edits save automatically as you work. Understand what auto-save does, what it does not, how saving differs from publishing, how unsaved edits are kept when saving fails, and what happens when the same lesson is open in two tabs.
Publishing Updates to Your Listed LessonsWhen a lesson is listed on the marketplace, the Studio shows you whether your latest edits are live for buyers — and lets you publish a new version without leaving the editor.
History and RestoreLook back through every change you have made to a lesson, preview any point in the past, and put your draft back to it — without changing anything students or buyers already have.
Moving Around the CanvasZoom in on fiddly details, pan across a busy scene, and snap back to the whole slide in one click.
Scene SettingsLearn how to structure scenes, share backdrops with layouts, and control the flow and grading of a lesson.
Scene TransitionsAdd motion between scenes so the lesson feels like turning pages, not flipping a switch.
Keyboard ShortcutsEvery key and gesture the studio listens for, and how to bring the list up inside the editor.
Creative BackgroundsAdd generated gradients, patterns, textures, and landscapes to scenes and layouts, and recolor them to match your lesson.
Scene ManagementCreate, rename, reorder, and reorganize scenes so a lesson has a clear learner flow.
Lesson PreviewsEvery lesson automatically shows a preview image of its opening scene on your dashboard, the lesson page and, once published, its marketplace listing. Nothing to set up.
The Lesson GraphSee your whole lesson as a flowchart — every scene and every path a student can take — and author the branching right on the map.
Aligning and Distributing WidgetsLine widgets up, space them evenly, tidy a messy scene in one click, and lock the pieces you don't want to move again.
Text PresetsAdd a Heading, Subheading, or Body text box that arrives already sized for the job.
Widgets and Widget SettingsSee what kinds of widgets Berdee supports and how to choose the right one for each learning task.
Widget Toolbar ActionsUse the widget toolbar to duplicate, reorder, align, and reuse layout elements across scenes.
Smart styling when you drop a widgetNew widgets pick up the look of your scene automatically — font family, colors, and corner radius — so you spend less time restyling.
Themes and PalettesStart every lesson with a coordinated look. Pick a template or a color palette, let new widgets and scenes style themselves, and switch themes later without losing your own edits.
Typography and FontsPick fonts, weights, and styles that match your lesson's voice. Apply theme defaults across a lesson or override on individual widgets, and add eye-catching text effects to title widgets.
Configuring a Multiple Choice QuestionSet up a Multiple Choice widget's answer options and correct answers in a roomy Configure dialog, opened right from the canvas.
Configuring a FlashcardSet up a Flashcard's front and back — text and optional images — in a roomy Configure dialog, opened right from the canvas.
Configuring a Number Input QuestionSet up a Number Input widget's range, default, and correct answer in a roomy Configure dialog, opened right from the canvas.
Configuring a CheckboxSet up a checkbox's label, starting state, and answer key in a roomy Configure dialog, opened right from the canvas.
Configuring a Conveyor BeltSet up a Conveyor Belt's scrolling options, belt motion, and scoring in a roomy Configure dialog, opened right from the canvas.
Configuring a Fill in the Blank QuestionWrite a fill-in-the-blank sentence and mark its blanks by clicking words, the same way the Highlighter widget works.
Configuring a Spin WheelSet up a Spin Wheel's segments, spin behavior, and scoring in a roomy Configure dialog, opened right from the canvas.
Configuring a Sorting ListSet up a sorting list's items and answer order in a roomy Configure dialog, opened right from the canvas.
Configuring a DropdownSet up a dropdown's placeholder, options, and answer key in a roomy Configure dialog, opened right from the canvas.
Configuring a Word SearchSet up a word search's word list, points, placement rules, and published grid in a roomy Configure dialog, opened right from the canvas.
Configuring an Interactive RainSet up an interactive rain game's falling items, timing, end conditions, and scoring in a roomy Configure dialog, opened right from the canvas.
Configuring a DrawingSet up a drawing widget's prompt, background, and tool options in a roomy Configure dialog, opened right from the canvas.
Configuring a Long AnswerSet up a long answer's prompt, character limit, and attempts in its Configure dialog, and why to turn its Scoring off while grading isn't available.
Configuring a Matching ActivitySet up a matching activity's pairs and scoring in a roomy Configure dialog, opened right from the canvas.
Configuring a ShapePick from the full shape library — basics, polygons, stars, arrows, bubbles, hearts, banners, cogs — in a Configure dialog that opens the moment you add a shape.
Guided BehaviorsAdd tap-to-navigate, sounds, celebrations, and feedback to any widget with ready-made ideas and plain-language sentences.
Preview and Test a LessonCheck scene flow, grading, media, variables, and learner interactions before assigning a lesson.
Editing Several Widgets at OnceSelect multiple widgets and change the properties they share, without opening each one in turn.