Turn Your iPad Into a Designing Tool: Figma on iPad Pro

Wondering what is the most effective way to use Figma on iPad Pro?

Whether it’s sketching out ideas while sipping coffee at a café or making quick edits during a commute, the idea of turning an iPad into a powerful design tool is incredibly appealing.

However, if you’ve tried using Figma on an iPad before, you might have faced some challenges. From struggling with browser-based limitations to missing out on essential features, iPad Pro Figma combination can quickly frustrate you if you don’t approach it properly.

I’ve found a solution that works smoothly for me and my team at my web design agency.

In this article, I’ll show you how to take full advantage of the Figma app on iPad Pro. You’ll discover a third-party app that makes iPad Pro Figma combination enjoyable, and best practices for creating designs on the go.

But before you dive in, you might also want to check out my free mini-course, 7 Days to Profitable Aesthetics. In seven lessons, delivered directly to your email inbox, you’ll learn common mistakes designers make that lead to low conversion rates (and how to avoid them on time), plus evergreen principles for increasing online sales by up to 50%.

Table of Contents:

• A Third-Party App I Use For Working On Figma Files on iPad Pro
• Figurative performance 
• Figure works best with an external keyboard 
• Other use cases 

A Third-Party App I Use For Working On Figma Files on iPad Pro

Created by Matías Martínez, a third-party app called Figurative for iOS has really set the golden standard for using Figma on iPad Pro. It has easily emerged as the best option for using Figma on iPadOS 14.5 and higher. Being the game-changer that it is, Figurative completely eliminates the need to access Figma through Chrome or Safari for iPad.

This app has really made life easier for my team and I. Whether we are relaxing by Lake Michigan or returning from the gym, Figurative has enabled us to be more mobile and efficient on the go.

These are some of the features I have found to be the most prominent:

• Custom fonts – Before Figurative, the only way to access custom fonts in Figma on iPad was through a Figma enterprise account. Using this app allows you to access all the fonts previously installed from custom profiles. This has opened a world of options for iOS interface designers.
• Export options – The familiar iOS share panel that Figurative uses for exports give you more flexibility.
• Optimized screen design – Figurative supports multiple tabs while eliminating the need for a URL field, which significantly saves your screen real estate. Incorporating mobile-first web design enables screen scaling. This allows users to see more of the canvas, equally benefiting, regardless if they’re using a smaller screen like an iPad or connecting to an external monitor.
• Apple Pencil compatibility – Figurative makes using Apple Pencil with Figma on iPad flow seamlessly. It easily beats the option of using Chrome for iPad and requesting the mobile website for Figma.
• Touch shortcuts – The app provides quick touch-friendly shortcuts for useful actions like deleting and duplicating objects. Though it is very helpful to have a keyboard, it makes work much easier for those that have to edit something on the go by using Figma on iPad.
• Undo and redo gestures – Before Figurative was developed, users often struggled with accidentally moving objects around. Figurative overcame this problem by incorporating a simple multi-finger tap to undo or redo actions.

Figurative performance

Though Figma relies heavily on the GPU, the iPad Pro has proven to be powerful enough to handle tasks, such as rendering, without too much trouble.

However, one of the Figma issues I’ve faced while using Figma on iPad Pro is Figurative’s need to occasionally reload tabs in the middle of work. Figma announced at Config Europe that it was improving file size memory. However, this has yet to translate into better performance on iPad.

Another thing that Figurative struggles with is handling large Figma files. For example, 145,000 layers and 0.19 G memory files fail to load properly. Truth be told, this is also the case with both Chrome for iPad and Safari, so maybe Figurative is not the one to blame. To overcome this problem, you will need to manage file sizes and split your work into smaller chunks.

The desktop app is still necessary if you plan to code your own plugins. Though many plugins run like a charm, those that require a desktop interface to function properly won’t work with Figma on iPad Pro.

As I’ve already mentioned, Figurative supports the use of Apple Pencil.

This makes it the only app that allows using Figma on iPad without a mouse or keyboard. Figurative easily recognizes whether you are using your fingers or the pencil and will respond accordingly. The app doesn’t allow you to create and edit objects by using just your fingers. However, we suggest turning off the Scribble feature to provide the best possible performance.

I was amazed by freehand drawing performance with near-zero latency on iPadOS 14.5 or higher during our testing.

If you wish to use Figma on iPad Pro connected to an external monitor, USB-C Digital AV Multiport Adapter might be just what you need. This adapter lets you mirror the display to an external HDMI-compatible monitor and charge your battery at the same time.

Figurative supports both wired keyboard and mouse (if you have a USB-C to USB adapter) as well as Bluetooth. However, the iPad Pro Magic Keyboard is a much more mobile solution.

Figma works best with an external keyboard

Here is why I strongly recommend using an external keyboard with Figma on iPad:

• Actions such as nudging objects or copying and pasting are much easier to do via keyboard commands
• External keyboard eliminates cases of moving objects around accidentally
• The external keyboard maximizes canvas viewing space in contrast to the on-screen keyboard
• It makes it easy for you to access the modifier keys
• It is easier to select multiple items or view context menus

We, designers, love keyboard shortcuts. An external keyboard will allow you to manage multiple aspects of Figma design that you simply can not do with touch controls.

It will make the journey of learning how to use Figma for web design more enjoyable.

Other use cases

By logging into Figma on both your desktop and iPad, you can use the latter as a Wacom tablet. Though we have noticed a slight delay for the desktop screen to update, this gives you the option to use the iPad Pro along with the Apple Pencil as a second input device.

Sidecar is a feature that allows you to manage multiple Figma windows since it significantly extends your screen real estate. Besides, Apple Pencil shows better performance when the iPad is in Sidecar mode.

You can also run a prototype and editor at the same time simply by running Figurative in multiple windows (either split or float on top). For example, when you’re creating Figma hover effects, all of the changes you make to the editor on iPad will be reflected on a prototype in real-time.

Final thoughts

For a device not officially supported by Figma, thanks to Figurative, it is very encouraging to see that it can function so seamlessly on the iPad.

Another big boost that Figma has on iPad Pro is the inclusion of top-of-the-class mouse support on iPadOS.

It seems that we have finally come to the point where we can put our laptops aside and rely on iPads and iPad apps for most of the work on the go.

However, there are still some issues such as large files and browser memory limits. Let’s all keep our fingers crossed for this to be addressed in the near future. I hope that this article has given you yet another, among other reasons, why to get an iPhone or an iPad.

If you’re serious about mastering web design so you can start making $10k in additional monthly income, check out my course, Profitable Websites From Scratch. In this course, I’ll guide you through the 4% of skills that lead to 64% of the results clients value most. You will be able to consistently create and sell highly sought-after websites to the craving market.