All Topics

Quick Start Course

Ready to dive into advanced prototyping? Enroll now for concise, expert-led lessons on essential features and stay ahead in UI/UX design trends using ProtoPie.

Get Started

Import designs from Figma, Sketch and Adobe XD

Why ProtoPie

Lofi vs. Hifi Prototyping

  • Designer Developer Collaboration
  • User Testing and Feedback

Digital Transformation

  • Problem-solving
  • Innovation
  • User-centered Design

ProtoPie vs. Other Tools

  • Complex Projects
  • No-code

Basic UI

Responsive Layout

  • Constraints
  • Grids
  • View Toggle

Object Touchability

  • Touch Target
  • Fitts’s Law
  • Accessibility

Loading Screen

  • Timeline
  • Progress Indicator
  • Motion Design

Hover Interactions

  • Mouse Over
  • Mouse Out
  • Tooltip Design

Components

Create, Reuse and Manage

  • Reusable Elements
  • Design System

Property Overrides

  • Dynamic Elements
  • Customization

Send and Receive Messages

  • Logic
  •  Event Handling
  • User Flow

Audio and Video

Audio, Videos and Lottie Files

  • Multimedia Experience
  • Music App UI

Media Player Control

  • Condition
  •  Play/Pause
  • Music App UI

Playlist Control

  • Range
  • Track Selection
  • Music App UI

Music Seek Control

  • Chain
  • Media Playback
  • Scrubber UI

Camera

Mobile Photography

  • Photography App
  • Native Sensors

Gestures

Hit “Like” Button

  • Double-Tap
  • Action
  • Lottie Animation

Interactive Map

  • Pinch
  • Rotate
  • Multi-touch

Navigation Drawer

  • Fling
  • Pull
  • Drag
  • Menu UI

Onboarding

Signup Form

  • Keyboard
  • Text Input

Show and Hide Password

  • Detect
  • Text Input

Photo Gallery

Image Viewer

  • Press
  • Desktop
  • Navigation

Sensors

Clapping Game

  • Sound
  • Native Sensors

Shoot ‘em up Game 1

  • Tilt
  • Native Sensors

Shoot ‘em up Game 2

  • Vibrate
  • Native Sensors

Transitions

Scrolling

  • Scroll Container

Swiping

  • Paging Container

Screen Transitions

  • Jump
  • Navigation

Parallax Effect

  • Chain
  • Range
  • Web UI

Voice AI

Voice Assistant

  • Listen
  • Speech Recognition
  • Conversation UI

Web Design

Cursor Trails

  • Mouse Cursor
  • Animation

Page Loading

  • Timeline
  • Motion Design

Vertical Scroll

  • Scrolling
  • Motion Design

Horizontal Scroll

  • Scrolling
  • Motion Design

Parallax Effect

  • Scrolling
  • Motion Design