Jitter design examples

Jitter

Authentication screen where the user can sign in or create a new account using Google or email.

• Sign Up

Jitter

Verification screen where the user is instructed to check their inbox for a temporary login link sent to their email address.

• Verification

Jitter

Onboarding screen where a full-page graphic welcomes the user to Jitter.

• Welcome
• Empty State

Jitter

Onboarding step where the user enters their name to continue setting up their account.

• Onboarding Checklist
• Account Setup

Jitter

Onboarding step where the user selects the role that best describes them to personalize their experience.

• Welcome
• Select

Jitter

Onboarding step where the user selects how they will use Jitter from options like company, agency, freelancer, school, or for fun.

• Welcome
• Setup Wizard

Jitter

Onboarding step where the user can invite teammates by entering up to three email addresses or choose to skip the step.

• Invite Teammates
• Setup Wizard

Jitter

Onboarding step where the user chooses to start from scratch, import a Figma design, or browse templates to begin creating.

• Getting Started
• Welcome

Jitter

Onboarding step where the user chooses to start from scratch, import Figma designs, or browse templates.

• Welcome
• Getting Started

Jitter

Template gallery where the user can browse motion design templates by category or start a new project by importing directly from Figma.

• Browse
• Templates

Jitter

Motion design editor where a user views an animation template with a timeline, layers panel, and properties inspector, prompting them to duplicate the file to edit.

• Media Editor
• Edit

Jitter

Design editor where the user creates animations using a timeline and property inspector, showing a success message after duplicating a file.

• Design Editor
• Success