Slow connection detected. Stick Studio Pro will open as soon as everything is ready, so please keep this window open.
📱 Pro Studio is built for desktop/PC. Video export and some tools may not work reliably on this device — you can continue, but for best results switch to a computer.
STICKSTUDIOPRO
Add Layer (Max 50)
Workspace Layers
World Settings
BG Color
FPS12
MOVESIZEZOOM
TIMELINE⚠️ Unsaved Edit0 frames⏱ 0:00
Project Directory
Saved Projects
Frame 1 / 0⊕ = Add Frame · S = Snap · SPACE = Play · Ctrl/Cmd+Click = Select Layer—
👋 Welcome to Stick Studio Pro!
⚠️ IMPORTANT: Everything is saved locally in your browser. If you clear your history, your projects will be lost. Click "Save JSON Backup" often to keep your work safe.
You can double click Layer names to rename them. Up to 50 layers max per frame. Ctrl/Cmd+click a figure or object on the canvas to select it for Copy Layers → Paste Layers onto another frame.
Hover the mouse over any part of the canvas (corners included) then use the ZOOM +/− buttons, or hold Ctrl/Cmd and scroll — it zooms toward wherever your cursor is.
📘 How to use Stick Studio Pro
New here? Take the guided demo. You do every step yourself, it takes about 3 minutes, and you can skip it at any time.
Make your first animation in 5 steps
Click + Stick Figure (or 👪 Add Character for people and animals). Click the figure, then drag the white dots to pose it. Drag a hand or foot and the arm or leg bends by itself. Drag the middle dot (the hip) to move the whole figure.
Click the blue ⊕ button under the canvas (or press S). This saves your pose as a frame.
Change the pose a little and click ⊕ again. Each click adds the next frame. Different poses on different frames make movement.
Click ▶ Preview (or press Space) to watch it. Tick SMOOTH for extra fluid movement. 🪄 Tween draws the in-between frames for you.
Choose 480p, 720p or 1080p at the top right and click ⬇ Export to get an MP4 video.
How to choose frames (“This frame only / All frames / From frame to frame”)
Look at the small pictures under the canvas. Each picture is one frame, and the number in its corner is the frame number. Click a picture to go to that frame.
Some boxes ask where something should appear. They all work the same way:
This frame only: just the frame you are standing on.
All frames: every frame of your animation.
From frame to frame: type the first and the last frame number. From 1 to 6 means frames 1, 2, 3, 4, 5 and 6 and nothing else.
Where you find these boxes: in a character's settings (“1 · Choose frames”), in the Gallery at the top (“Add to”) and in the text settings (“Show text on frames”). Each one tells you how many frames you have and which frame you are on.
Characters: emotions, loops and frame sets
Click 👪 Add Character. Hover a person to see Front / Left / Right / Back and 18 emotions, then click the one you like. Animals and birds are there too.
Click your character on the canvas. The settings on the left show Direction, then 1 · Choose frames, Emotion, Live face loops, and for people His / Her look (hair, body, eyes, hat, glasses).
Different emotions on different frames (two steps): Step 1: in 1 · Choose frames pick This frame only, All frames or From frame to frame and type the numbers. Step 2: click a face. It is set on exactly those frames, for this person only. Example: From 1 to 6 + Happy, then From 7 to 9 + Sad.
Put a new emotion in the middle: choose From 3 to 4 and click another face. The list splits itself: Frames 1 to 2 Happy, Frames 3 to 4 Angry, Frames 5 to 6 Happy.
The list under the faces (“Emotion on each frame”) shows which frames have which emotion. Click a row to pick those frames again. The red ✕ puts the normal face back.
Mouth, Eyes, Hair (animals: Tail) loops work the same way and each has its own list. All frames keeps a loop going the whole film. From 1 to 6 + Talk, then From 7 to 9 + Laugh changes it halfway. Use the Speed slider, or choose Off. Press ▶ Preview to watch.
Every person has their own lists. Select another person and they have their own emotions and loops.
Same character on more frames:Show this character on those frames puts it on the frames you chose (same shape, style and emotion). Make copies makes 1 to 10 copies. Take this character off those frames removes it.
Pose controls: the Drag box lets you choose Natural, Rotate or Free. While dragging, hold Alt for Free or Shift for Rotate.
Gallery: backgrounds, live loops and story scenes
Click 🖼 Gallery (World Settings, left). First choose the frames in the “Add to” box at the top, then click a picture.
Backgrounds: ready-made scenes, or upload your own picture.
Live loops: rain, snow, clouds, stars and more. They move on their own. “Frames per cycle” sets how slow or fast. Loops can be different on different frames: From 1 to 6 + Rain, then From 7 to 9 + Snow. Off with a frame choice clears just those frames.
Story scenes: pick a place (House, Office, Airport...), pick a room, change the 10 colours, then choose the angle, camera and time of day. Put a character in any corner to tell a story.
A picture that changes halfway: From 1 to 6 + the first picture, then From 7 to 9 + the second picture.
The list under the “Add to” box shows which picture or loop is on which frames. Click a row to pick those frames again. The red ✕ removes it.
Text on frames
Click + Text Layer. Double-click the words on the canvas to edit them. Choose font, colour and size in the settings.
In the settings find Show text on frames. Choose All frames, From frame to frame (type the first and last frame) or A number of frames (counting from the frame you are on), then press Apply to frames.
Keep the text on my other frames (ticked): the text is only changed on the frames you chose. Untick it and the text is taken off all other frames.
Different wording on different frames: type the first words, Apply to From 1 to 6. Change the words, Apply to From 7 to 9. The list “Wording on each frame” shows both.
Delete text from these frames takes it away again, using the same choice box.
Saving, backup and export
Your projects save automatically in this browser (the list is on the right). If you clear your browser data they are lost, so click 💾 Save JSON Backup often (Ctrl+S). Use 📂 Import to load a backup.
⬇ Export (Ctrl+E) makes an MP4 video in the quality you chose.
Keys: S add frame, Space play, ← → move between frames, Ctrl+Z undo, Delete remove the selected item. The full list is below.
Click any scene below to apply to the current workspace.
Frames per cycle
One cycle = the effect travels from point A to point B (a leaf falling, a cloud crossing) in this many frames, then repeats. Live loops sit on top of any background.
✳ SVG Object Library
Click any object below to add it to your scene. You can move, resize, recolor, and rotate it after.
👪 Family Characters
Adds a fully posable cartoon character built on the same skeleton as a stick figure — no separate parts to manage. Select it, then drag its joints on the canvas to pose it just like a regular stick figure. Dog and Bird reuse the same rig (front joints = front legs/wings, back joints = back legs) — a snake genuinely doesn't fit this skeleton since it has no limbs at all, so it isn't available yet.
⌨ Keyboard Shortcuts
SAdd / Snap Frame
SPACEPlay / Stop Preview
Ctrl+CCopy Frame
Ctrl+XCut Frame
Ctrl+VPaste Frame
Ctrl+SSave JSON Backup
Ctrl+EExport Media
DELDelete Selected Item
Ctrl+ZUndo
Ctrl+YRedo
DDuplicate Frame
NNew Stick Figure
dragMove Joints & Text
⚠️ Delete Project?
Are you sure you want to delete this project? This cannot be undone.