Protopie Copy Scene

Shortcuts are a game-changer when it comes to completing tasks quickly. In ProtoPie, you can save time and clicks by using shortcuts for actions like pasting with interactions or creating components. These shortcuts can significantly speed up your workflow and boost your productivity.

So, let’s dive into 10 of our favorite time-saving shortcut tips in ProtoPie.

1. Shortcuts modal

First things first, let’s find out where all these useful keyboard shortcuts are located. ProtoPie has introduced the shortcuts modal, which is your one-stop shop for all keyboard shortcuts. Here, you can discover all the shortcuts that can make your workflow easier and more efficient.

Shortcuts modal

2. Paste with interactions

Copying and pasting layers with all their interactions? Yes, it’s possible! ProtoPie allows you to easily paste a layer without losing its triggers and responses. This shortcut can save you a lot of time and effort.

3. Create component

Creating components in ProtoPie is a breeze with this shortcut. By saving sets of layers and their interactions, you can avoid repetitive work and use them again later. It’s a great way to improve efficiency and streamline your design process.

4. Group/Ungroup interactions

Organizing triggers and responses in your Pie can be a challenge. That’s where grouping interactions comes in handy. It helps you manage them more effectively and keep everything organized.

To group interactions, use the following shortcut:

  • macOS: ⌘ + G
  • Windows: Ctrl + G

To ungroup interactions, use the following shortcut:

  • macOS: ⇧ + ⌘ + G
  • Windows: Ctrl + Shift + G

5. Show original trigger & response names

Sometimes, when you rename triggers and responses in a prototype, it’s easy to get lost in a long list. ProtoPie lets you see the original names of the triggers and responses used for each interaction. This can help you stay organized and keep track of your design elements.

6. Increase/Decrease delay & duration

Managing delays and durations in ProtoPie can be done with timeline handles. However, adjusting them with your cursor can be a bit tricky. ProtoPie offers shortcuts to help you increase or decrease the delay and duration accurately.

7. Run prototype

Want to see your prototype in action? Use this shortcut to easily display it in the Preview Window. And if you’re connected to ProtoPie Player, you can also test it on your device.

8. Pick color

Need to pick a color? Activate the eyedropper instantly with this shortcut. It’s a quick and convenient way to select colors in your design.

9. Lock/Unlock & Show/Hide layer

Lock/Unlock layer

Locking a layer prevents you from selecting or making any changes to it in the canvas. It’s a useful shortcut to avoid accidental mistakes while prototyping. Unlocking a layer can be done using the same shortcut.

Show/Hide layer

If you want to hide a layer, you can simply click on the eye icon next to the layer name. But ProtoPie has a faster way to help you save time. Just select the layer in the canvas and use the shortcut below. Repeat the shortcut to show the layer again.

10. Alignment

The alignment tools in ProtoPie’s property panel allow you to position and align your layers precisely. These shortcuts, combined with commands and arrow keys, give you the flexibility to experiment with different alignment options.

Alignment shortcuts

These are just a few of the many shortcuts ProtoPie offers to make your design process faster and more efficient. By mastering these shortcuts, you can save time, streamline your workflow, and take your prototyping skills to the next level.

To learn more about shortcuts in ProtoPie, visit our official documentation.

So, what are you waiting for? Start using these shortcuts and unlock your full prototyping potential with ProtoPie!