
- Нельсон Тарук
- 30 декабря 2019 г. · чтение 8 мин.
- Meet Dimension
- План с открытым исходным кодом для адаптации полнофункциональных инструментов дизайна, таких как Figma, с настольных компьютеров на планшеты.
- Тео Штраус
- 6 августа 2019 г. · чтение 9 мин.
- Отрезание клавиатуры
- Сказать привет пользователю стилус и перемещение по мыши
- Интеграция ввода
- Каким будет путь к реализации в Figma Dimension?
- Итак, что дальше?
Нельсон Тарук
30 декабря 2019 г. · чтение 8 мин.

Последнее обновление: 10 декабря 2020 г. Эта статья была обновлена, чтобы отразить использование в iPadOS 14.3. Если вы планируете широко использовать образный рисунок с Apple Pencil, прочтите мою сопутствующую статью .
Не могу поверить, что прошел почти год с тех пор, как я изначально написал эту статью. Было бы преуменьшением сказать, что мир так сильно изменился.
Изначально я написал эту статью, чтобы подчеркнуть потенциал возможности путешествовать куда угодно с Figma – самолет, кафе, автобус – с планшетом. По иронии судьбы, большинство из этих вариантов использования стали неактуальными из-за COVID-19. Вместо этого я больше работал с Figma на ноутбуке, переложив свой iPad Pro на второстепенные обязанности.
Другой причиной, по которой мой iPad стал второстепенным, была производительность Apple Pencil в iPadOS 14.0. Он сделал шаг назад по сравнению с iPad 13.7, и я сознательно избегал обновления до тех пор, пока это не было абсолютно необходимо (что было несколько недель назад). Я решил, что обновлю эту статью соответствующим образом. Я рад сообщить, что производительность Apple Pencil в версии 14.3 неуклонно улучшалась до уровня пригодности для использования.
Новое приложение установило стандарт использования Figma на iPad Pro: Figurative для iOS. Это приложение, созданное Матиасом Мартинесом, максимально приближено к созданию производственного опыта. (Ознакомьтесь с моим интервью с Матиасом Мартинесом здесь).
Я тестировал Figma на iPad с момента выпуска iPadOS и хотел поделиться тем, что узнал. Я обновляю эту статью, чтобы отразить последнюю информацию и результаты тестирования на моем устройстве.
- iPad Pro 10,5 дюйма 64 ГБ (2018 г.)
- Использование пальцев , Apple Pencil 2 и/или USB-мышь и клавиатура.
- Подключение к Figma через различные сети Wi-Fi
- Бесплатная личная учетная запись Figma
- Образный (v1.2.2)
- Последняя версия iPadOS (14.3)


Образный теперь лучший вариант для использования Figma на iPadOS 14.3 . Благодаря Figurative теперь можно запустить Figma на iPad Pro и обойтись без ноутбука. Образный образ затмевает необходимость доступа к Figma через Safari или Chrome для iPad.
Изменяющие правила игры функции Figurative:
- Пользовательские шрифты : Раньше единственным способом доступа к пользовательским шрифтам в Figma на iPad была корпоративная учетная запись Figma. Этот вариант для многих недоступен. Образный позволяет вам получить доступ к шрифтам, которые вы устанавливаете из настраиваемых профилей. Я протестировал Inter (только частично поддерживается стеком шрифтов Figma по умолчанию), Нью-Йорк и все разновидности Сан-Франциско. Все они доступны для выбора после установки на iPad. Для разработчиков интерфейса iOS это очень важно.
- Параметры экспорта: Figurative использует знакомую панель общего доступа iOS для экспорта, что дает вам больше гибкости.
- Оптимизированный дизайн экрана: Образное выражение устраняет необходимость в поле URL-адреса, которое в противном случае занимало бы много места. Тем не менее, он поддерживает несколько вкладок. Масштабирование экрана позволяет вам видеть еще больше холста, что полезно как на небольших iPad, так и при подключении к внешнему монитору.
- Совместимость с Apple Pencil: образно – единственная игра в городе, в которой можно использовать Apple Pencil с Figma. Для более глубокого погружения в использование Apple Pencil, вот сопутствующая статья, в которой также рассказывается о написанном мной плагине (Pencil Pal), чтобы облегчить жизнь пользователям.
- Сочетания клавиш: Вместо того, чтобы перемещаться по меню, Figurative предлагает быстрые удобные для касания ярлыки для общих действий, таких как удаление и дублирование объектов. Хотя клавиатура по-прежнему полезна, эти сочетания клавиш позволяют выжить и без нее.
- Жесты отмены/возврата: в «ранние» дни Figma на iPad Pro было действительно легко случайно переместить что-нибудь. Образный использует простое касание несколькими пальцами, чтобы отменить или повторить действия. Я стал ценить и использовать эти жесты чаще.
С точки зрения производительности, похоже, что iPad Pro может обрабатывать рендеринг без особых проблем. Figma в значительной степени полагается на графический процессор, но кажется, что iPad Pro достаточно мощный, чтобы не отставать. Я никогда не чувствую, что мне нужно «ждать, пока» Figma перекрасит экран.
Иногда Figurative перезагружает вкладки посреди работы. Во время тестирования со мной такое случалось только один раз, но я слышал и от других, что это произошло. (На конференции Config Europe Figma объявила, что улучшила размер памяти для файлов. Однако мне не удалось увидеть, как это повлияло на повышение производительности на iPad.)
Я все равно не решусь перерезать шнур. полностью с Mac. Например, Figurative не может обрабатывать большие файлы. Основываясь на моем тестировании и отчетах других образных пользователей, большие файлы (например, 145000 слоев и 0,19 ГБ памяти) не будут загружаться должным образом.. (Чтобы было ясно, Chrome для iPad и Safari также борются с большими размерами файлов, поэтому это может не быть проблемой, которую может исправить Figurative.)
Чтобы полностью отказаться от Mac, вам понадобится для управления размерами файлов и разделения работы на более мелкие части.
Если вы кодируете свои собственные плагины, вам все равно понадобится настольное приложение. Я не думаю, что это изменится в ближайшее время (но я рад, что это неверно). Любые плагины, которым требуется интерфейс рабочего стола (например, Zeplin), очевидно, не будут работать на iPad Pro, но в остальном многие плагины работают нормально.
Включение поддержки Apple Pencil делает Figurative единственным способом запускать Figma на iPad Pro без мыши и клавиатуры. В моем тестировании приложение было достаточно умен, чтобы знать, использую ли я карандаш или пальцы, и реагирую соответственно. Для лучшей производительности я рекомендую отключить функцию Scribble.
Хотя эта новая поддержка не позволяет вам создавать и редактировать объекты в Figma одними пальцами, я сомневаюсь, что это тот вариант использования, который кто-то действительно действительно хочет. Использование Apple Pencil с Figma – это довольно круто.
Производительность рисования от руки, похоже, снизилась по сравнению с 13,7, что привело к более грубым линиям и замедленному времени отклика. Между 14.0 и 14.3 производительность Pencil улучшилась до такой степени, что его можно было использовать, с заметной задержкой только при слишком быстром перемещении Apple Pencil.
Для тех, кто планирует использовать iPad Pro с внешним монитором. , Я рекомендую многопортовый цифровой AV-адаптер USB-C, который позволяет отображать изображение на внешнем HDMI-совместимом мониторе и одновременно заряжать его.
Клавиатура Magic Keyboard для iPad Pro очень удобна. более портативный форм-фактор по сравнению с отдельной клавиатурой и/или мышью Bluetooth. Но на самом деле любая мышь или клавиатура должны нормально работать с Figurative – даже проводные, если у вас есть переходник с USB-C на USB.
При использовании Figma настоятельно рекомендуется использовать внешнюю клавиатуру:
- Это упрощает управление Figma с помощью команд клавиатуры, таких как подталкивание объектов или копирование/вставка. Я часто использую команду отмены; очень легко случайно переместить объекты.
- Это максимизирует пространство просмотра холста и устраняет некоторые проблемы при использовании экранной клавиатуры (например, доступ к клавишам-модификаторам).
- Доступ к клавишам-модификаторам упрощает выбор нескольких элементов или просмотр контекстных меню.
Если вы не используете внешнюю клавиатуру, вам, возможно, придется прибегнуть к некоторым хитрые обходные пути для заполнения текста.
Если вы дизайнер, который любит сочетания клавиш, вы сможете управлять многими аспектами дизайна Figma через клавиатуру или прикосновение. Например, я использую клавиатуру, чтобы точно перемещать объекты.
Если вы войдете в Figma на рабочем столе и на iPad Pro, последний может работать как Планшет Wacom. Хотя обновление экрана рабочего стола происходит с небольшой задержкой, можно превратить iPad Pro + Apple Pencil во второе устройство ввода..
Хотя в этом обзоре предполагается, что у вас нет Mac, Sidecar – это отличная функция, которая расширяет пространство вашего экрана для управления несколькими окнами Figma.
Я только тестировал живое сотрудничество с собой (имеется в виду в том же файле на Mac и iPad), и iPad, похоже, не отставал. Фактически, вы можете запускать Figurative в нескольких окнах (как с разделением, так и с плавающей точкой сверху), а это означает, что можно запускать прототип и редактор одновременно!
Другой вариант использования, который я изучал 2020 год – использовать iPad для управления прототипом. Под этим я подразумеваю изменение прототипа в реальном времени путем внесения изменений в редактор на iPad. Например, я создал плагин под названием Slide Show, который эффективно превращает любую серию кадров в управляемую слайд-колоду, не объединяя их в качестве прототипа. Затем вы можете динамически изменять данные в реальном времени с помощью других плагинов, например для создания таймера реального времени.


Мне нравится Figma. Это потрясающий инструмент для дизайна.
Благодаря включению первоклассной поддержки мыши в iPadOS и дебюту Figurative, Figma на iPad Pro получила большой импульс. Это тот момент, когда я могу оставить свой ноутбук на работе и полагаться на iPad Pro при выполнении большинства рабочих задач. Только большие файлы, снижение производительности Apple Pencil и поддержка/разработка плагинов не позволяют мне полностью перерезать шнур.
Определенно стоит провести тест-драйв Figma с Figurative, особенно если вы хотите использовать iPad Pro, чтобы «избавиться от дизайнерского зуда», находясь вдали от ноутбука.
В предыдущих статьях я сказал, что предпочел бы, чтобы Figma продолжала концентрироваться на улучшении своего программного обеспечения для Mac и Windows, а не добавляла мобильные поддержка смеси. Я все еще верю в это, потому что я все еще жажду обновлений, таких как состояния компонентов и улучшения Auto Layout.
Тем не менее, выпуск Figurative заставляет меня пересмотреть эту позицию. Ранее я предполагал, что установка Figma на iPad Pro будет чудовищным делом, и, возможно, скрытый скачок к тому, чтобы сделать iPadOS «официально поддерживаемым», открывает большую банку червей и делает тестирование невероятно трудным. Как дизайнер продукта, я могу посочувствовать.
Тем не менее, учитывая, что Sketch не хочет переносить свое программное обеспечение на iOS, у Figma есть уникальная возможность еще больше увеличить разрыв и создать еще одну причину чтобы дизайнеры могли переключаться с артбордов Sketch на рамки Figma.
Даже если iPad останется в списке «официально не поддерживаемых», я надеюсь, что Figma продолжит позволять разработчикам, таким как Матиас, исследовать возможности. Я твердо верю в будущее, в котором iPad – это все, что нужно для создания отличного дизайна, и я хотел бы продолжать использовать Figma в этом будущем.
Если вы хотите узнать больше о Figma на iPad вот две мои другие статьи на эту тему:
- Мое интервью с создателем Figurative Матиасом Мартинесом – все это невозможно без этого замечательного приложения. Мне понравилось узнавать, что в первую очередь вдохновило его на его создание.
- Если вы хотите попробовать отказаться от клавиатуры и мыши, вот моя статья об использовании Figma с Apple Pencil 2. Это более глубокий вопрос. погрузитесь в примеры использования Apple Pencil и плагина Pencil Pal.
Есть вопросы о Figma на iPad Pro? Дай мне знать в комментариях. Я отвечу как можно лучше. Спасибо за внимание!
Нельсон Тарук – главный дизайнер Lextech , руководитель отдела продуктов в LexGo и ведущий инструктор на figmateamtraining.com .