Что лучше figma или adobe xd

Обновлено: 04.07.2024

Какой инструмент выбрать для обучения? Если вы задаётесь этим вопросом, тогда эта статья станет настоящей находкой. Мы разберёмся в ключевых аспектах Sketch, Figma, Adobe XD, проведём сравнение и выясним, какой инструмент стоит выбрать именно вам.

Сегодня рынок перенасыщен инструментами создания UI-дизайна. Многие компании последовали примеру Sketch с его гибким, простым и эффективным инструментом для создания дизайна пользовательского интерфейса чтобы занять часть рынка инструментов проектирования. Основываясь на исследовании инструментов дизайна 2019 года, проведённом UXtools.co, Sketch лидировал в прошлом году, в то время как сегодня немало инструментов (Figma, Adobe XD) навёрстывают упущенное.

Самые популярные инструменты по результатам опроса за 2019 год:

Самые популярные инструменты по результатам опроса за 2018 год:

Основываясь на наблюдениях за ростом этих инструментов, собственном опыте их использования, а также на опыте других дизайнеров, я полагаю, что в ближайшие год или два Sketch, Figma и Adobe XD, скорее всего, выстрелят с новой силой.

В этом году один из самых частозадаваемых мне вопросов звучал так: «Мне нужно изучать Sketch или какие-то другие инструменты?». Чтобы ответить на этот вопрос необходимо разобраться в нескольких ключевых аспектах инструментов и провести сравнение. Для краткости этой статьи мы сосредоточимся только на трёх лучших инструментах согласно опросу: Sketch, Figma и Adobe XD.

Начнём с ключевого требования каждого инструмента – операционной системы. Многие не знают, что Sketch – это программа для систем Macintosh. Поэтому, если вы работаете на машине с Windows или Linux, вы ограничены Figma или Adobe XD.

Ещё один ключевой (и часто решающий) фактор для большинства пользователей. Ниже находится сводка о ценообразовании персонального пакета каждой программы:

Sketch: $99, разовый платёж. Одно бесплатное обновление в год. При желании пользования новыми функциями придётся заплатить $79 за каждый год;
Figma: Лимит в 3 бесплатных проекта, неограниченным количеством файлов и 2 редакторами;
Adobe XD: бесплатно с неограниченным количеством проектов/файлов и без ограничения шеринга до октября 2020 года. С октября появляется ограничение на 1 общий проект и 2 редактора.

Значительное количество времени проектирования тратится на управление макетом. Выбор инструмента с хорошо продуманным редактором имеет решающее значение для производительности.

В Sketch есть функция Smart layout, которая позволяет делать такие вещи как автоматическое изменение размера слоя при изменении длины/размера контента. Например, размер окна автоматически подстраивается под размер текста.

Figma предлагает аналогичный Sketch набор функций в этой области и помимо этого ещё и такие автоматические функции как переупорядочение содержимого перетаскиванием, как на гифке ниже.

У Adobe XD есть функция Content-Aware layout, которая помогает заполнить группы слоёв при изменении размера содержимого. В сравнении с функциями, применяемыми к слоям, в других инструментах, эта функция в Adobe XD является совершенно уникальной.

Adobe XD предлагает функцию отступа, которая обеспечивает заполнение при редактировании контента

Возможность автоматической регулировки вертикального положения слоёв при изменении высоты содержимого позволяет значительно сэкономить время. Figma имеет небольшое преимущество в этой области.

Если вы работаете вместе с другими дизайнерами, все три инструмента предоставляют способы обмена файлами. В контексте этой статьи мы сосредоточимся на функциях, связанных с совместной работой, которые есть в программах по умолчанию, без установки всяких плагинов.

В Sketch файлы хранятся на облаке. Это позволяет делиться ими с другими пользователями и даёт возможность редактировать так же, как это работает и в других облачных сервисах. Также есть возможность прописывания версий. Исторически Sketch сочетался с другими инструментами такими как Invision или Zeplin для таких функций совместной работы как совместное использование дизайна и шеринг. Sketch развивается, чтобы предложить лучшие версии этих функций, но всё ещё чуть-чуть отстаёт от своих конкурентов в 2020 году.

Пример многопользовательского редактирования в Figma

Figma ворвалась в мир дизайнеров со своей возможностью совместной работы в режиме реального времени, которая позволяет нескольким людям просматривать/редактировать один и тот же файл одновременно. В последние годы это была одна из самых уникальных функций на рынке инструментов UI-дизайна. Тем не менее, она полезна только команде дизайнеров, которая фактически одновременно работает над одним и тем же проектом. Функция редактирования в реальном времени/предварительного просмотра удобна в том смысле, что любой, кто просматривает проект всегда будет видеть последние изменения и то, как это происходило. Помимо быстрой совместной работы, у Figma также есть система управления версиями, система проектирования и проверки, которая работает наравне с другими инструментами.

Adobe XD запустила собственную функцию совместного редактирования ещё в ноябре 2019 года с такими функциями как многопользовательское редактирование и контроль версий файлов. Кроме того, XD имеет те же наборы функций обмена, что и другие инструменты.

Функция совместного редактирования Adobe XD в настоящее время находится в бета-версии

Учитывая бета-статус функций XD, Figma является лучшим выбором, особенно для дизайнеров, которые ценят сотрудничество в реальном времени.

Люди с хорошим компьютером не должны заметить значительной разницы в эффективности представленных инструментов. Проблемы с производительностью программ станут более заметными при работе с внушительным количеством артбордов/фреймов, внешними плагинами и графическими ресурсами в файле.

Я редко испытывал проблемы с производительностью при каждодневном использовании Figma. Учитывая, что она является браузерным инструментом (есть и десктопная версия, которая, скорее всего, является оболочкой веб-приложения), производительность в меньшей степени зависит от аппаратного обеспечения и в большинстве случаев работает довольно шустро. Как и в Sketch, загрузка плагинов может занять некоторое время в зависимости от содержимого и функций, что не так важно.

Что касается Adobe XD, я столкнулся с некоторыми проблемами с производительностью ещё во времена его запуска, в начале 2019 года. С тех пор все проблемы пофиксились регулярными обновлениями. Честно говоря, я не тестировал производительность XD так сильно, как другие инструменты, но находится она примерно на одном уровне со Sketch.

В категории производительности, Figma была самой надёжной в моём опыте.

Когда дело доходит до инструментов для создания прототипов, есть много чего обсудить, поскольку на рынке существует более специализированные инструменты, заточенные под это дело. Тем не менее, полезно иметь небольшое понимание возможностей прототипирования всех трёх инструментов.

Sketch поддерживает экранные ссылки для создания интерактивного прототипа с использованием хотспотов. Прототип можно предварительно просмотреть локально или поделиться с другими через Sketch Cloud. Кроме того, приятно иметь такие функции как «фиксированное положение при скролле» и «сохранять положение скролла после клика», делая Sketch на одном уровне с Invision и тем, что она может предложить для создания прототипов.

Фиксированное положение в Sketch при прокрутке помогает создавать более сложные прототипы с переходом по клику.

Figma имеет почти тот же набор функций прототипирования, что и Sketch. Основное различие заключается в эффектах перехода, где у Figma есть функция Smart Animate (автоматическая анимация состояния двух фреймов). Используя её, можно создавать более сложные прототипы.

Smart Animate от Figma может создавать более сложные переходы между фреймами

В Adobe XD есть больше возможностей в области прототипирования. В дополнение ко всем функциям Figma и Sketch Adobe XD могут предложить больше разнообразных возможностей, а именно: добавление клавиатуры, геймпада и голосовых триггеров, для более специализированного опыта.

В Adobe XD можно выбрать тип триггера для взаимодействия с пользователем

В этом аспекте Adobe XD побеждает с чуть более широкими возможностями ввода.

Все три инструмента поставляются с собственными экосистемами плагинов.

За время своего существования Sketch обзавёлся большой библиотекой всяческих полезных плагинов для ускорения рабочего процесса или расширения функционала Sketch.

Плагины в Figma поддерживаются с августа 2019 года. С тех пор появилось большое количество плагинов, правда их не так много, как в других инструментах.

Adobe XD запустила свою экосистему плагинов в 2018 году. Возможно, она пока не на одном уровне со Sketch, но динамика развития выглядит перспективно. Среди всех трёх инструментов, у Adobe XD (на мой взгляд) приятный опыт поиска и управления плагинами.

Sketch побеждает в категории плагинов, учитывая его огромную библиотеку.

Выбирая инструмент дизайна, на который вы собираетесь потратить время для обучения, большое внимание уделяется тому, как быстро этот инструмент развивается.

Судя по журналу обновлений Sketch, они больше всех обновляли свой продукт за год (в среднем 1 существенное обновление в месяц). Вероятно, причиной этому стало их последнее финансирование в начале 2019 года, которое дало возможность наверстать упущенное. Ключевое словосочетание здесь – «наверстать упущенное», ведь по правде говоря, Sketch проигрывает по своим возможностям Figma и Adobe XD. Учитывая, что Sketch был запущен на годы раньше своих конкурентов, удивляет факт того, что он не уступает другим конкурирующим инструментам дизайна.

Figma добавляет новые функции с такой же скоростью, что и Sketch. Стоит отметить, что Figma выпустила больше функций, посвящённых интеграции с другими инструментами, такими как Maze (для тестирования) и Framer Web (для создания прототипов). Благодаря этому Figma хорошо сотрудничает с дизайнерами или командами, которые используют дополнительные инструменты для улучшения процесса проектирования.

Темпы обновлений Adobe XD на самом деле впечатляют. Изначально он был запущен (учитывая запуск бета-версии в конце 2017 года) с проблемами, но меньше чем через два года он стал сильным соперником для других инструментов. XD не так широко интегрирован со сторонними инструментами проектирования или разработки, но он тесно связан с пакетом Adobe.

Sketch, Figma и Adobe XD – отличные инструменты для создания дизайна пользовательского интерфейса. Если вы новичок и выбираете, на какую тропу ступить – рекомендую Figma в качестве отправной точки. Если же вы ищете инструмент для проектирования, который может создавать более сложные прототипы (например, с триггерами голосового ввода), ваш выбор – Adobe XD. В конечном счёте, ваш работодатель/команда могут выбрать инструмент для вас, но хорошая новость заключается в том, что все эти три инструмента очень похожи. Это означает, что если вы изучите один инструмент, большая часть знаний пригодится при переходе на другой.

Больше интересных и актуальных статей ищите в нашем блоге и телеграм-канале.

В это статье пойдет речь об основных отличиях между Figma и Adobe XD. Оба редактора идут ноздря в ноздрю с самого момента их релиза. В каких-то областях выигрывает ХД, где-то Фигма. В этой статье я постарался собрать все самые важные и нужные факторы для работы веб дизайнера и сравнил их работу в каждой из программ. Все данные актуальны на декабрь 2019 года. Все оценки выставлены исключительно субъективно и не претендуют на звание истины.

Среда работы

Adobe XD может работать на Windows и MacOS

Figma работает на любой системе, которая способна установить браузер. На данный момент это : Mac, Windows, Linux и Chrome OS. Конечно, такая себе разница, но все же. Есть браузер – есть фигма.

Не очевидное отличие

Среди разработчиков крайне популярен Linux и соотвественно им гораздо лучше принимать макеты и работать с дизайнерами в фигме, а не в адобе хд

0 : 1

Распространение и комьюнити

В русскоязычной среде явно доминирует Figma, во многом потому, что она дает богатый функционал и не просит за это денег на начальном уровне. В западном мире популярней XD. Бесплатно он дает явно мало возможностей, но для тамошней публики это не проблема и они пользуются платными версиями, о чем русский дизайнер даже думать боится.

Только не печатай в комментах, что ты купил весь пакет адоб за 40к в год, значит все так делают и привыкли к такому. Нет, все так не делают. Все скачали фотошоп с торрента и автоматически записали себя в веб дизайнеры.

В Этом пункте не будет оценок ибо тут и оценивать нечего. Все сугубо субъективно и зависит от ареала обитания пользователя.

Figma тарифы в $ : 0/12/45

Adobe XD тарифы в $ : 0/10/23 (включая CC 53$)

Несложный расчет говорит нам, что ХД дешевле, но как всегда, есть НО.

Фигма дает гораздо больше на каждом тарифе. Давай разбираться:

Заходи на телеграмм канал - там еще больше полезного

Бесплатный тариф:

Figma	Adobe XD
Места на диске	Не ограничено	2Гб
Возможность делиться	Есть	Только 1 проект
Возможность сохранять локально	Есть	Нет

Средний тариф

Адобе ХД тут дешевле на 2 бакса, но все, что он предлагает на этом тарифе уже есть в бесплатном тарифе от Фигма. Так же в XD добавляется шрифты Creative Cloud. Как ты помнишь у фигма гугл шрифты доступны сразу же.

Фигма позволяет создавать общие библиотеки и более четко следит за правами пользователей в документе + контроль версий на вечно.

Дорогой тариф

Адобе добавляет: кончоль админа и расширенную тех поддержку. Стоит тариф на 22уе дешевле, чем у Figma

Фигма добавляет: систему аналитики, частные плагины и шрифты, администрирование, командные системы проектирований, более могучие методы защиты и организации проектов.

Естественно, что для простого веб дизайнера высший тариф в большинстве своем бесполезен. Для команды – это отличное решение.

0 : 2

Несмотря на то, что каждый тариф Фигма дороже, он дает гораздо больше возможностей.

Холсты и страницы

В Figma ты можешь создать документ, в котором может содержаться масса разных страниц и на каждой страничке ты можешь создавать массу артбордов(холстов/фреймов).

В Adobe XD есть все то же, кроме возможности создавать многостраничные документы. Важно ли это? Если выполнять простые работы типа лендосов и простых сайтов – нет. Для работы над большими проектами и создания дизайн систем и библиотек компонентов возможность создавать многостраничные документы – крайне важна.

0 : 3

Артборды/холсты/фреймы

В обеих программах есть предустановленные размеры холстов под разные устройства и есть возможность задавать размер самостоятельно. Да только Figma умеет вставлять один холст/фрейм в другой и создавать сложные конструкции из них, что дико круто и значительно расширяет возможности работы.

0 : 4

Сетки

И там и там ты можешь накладывать кастомные сетки поверх артборда, но фигма еще и умеет создать бесконечное множество разных сеток на одном артборде + она умеет создавать разные сетки у вложенных артбордов. На первый взгляд в этом нет смысла, но… поверь, смысл есть. Подробнее об этом напишу в будущей статье.

А еще Adobe XD не умеет в горизонтальные «колонки». И может науладывать только одну сетку на артборд. Важно это или нет – решай сам. но в этом раунде балл улетает к Figma

0 : 5

Привязки

Никто не станет спорить с тем, что именно Figma впервые реализовала свойство contstraints, а скетч и Adobe XD уже подхватили эту идею.

Мы тут не оцениваем прошлое. На данный момент обе программы отлично умеют в привязки(ограничения) и обе получают за это балл

1 : 6

Вектор

Adobe XD имеет возможность создавать стандартные векторные фигуры и рисовать пером. Но при этом ты не можешь редактировать точки предустановленных форм да и работа с созданными векторными изображениями то же несколько ограничена. Тут нужно сделать ремарку, что при желании поработать с вектором – нужно отправляться в люстру, что вполне логично и удобно сделать из Adobe XD. Тем более у них общий «корень».

1 : 7

Потому что Фигма закрывает большинство задач для веб дизайнера и не требует использования сторонних ресурсов. Даже таких знакомых, как люстра.

Шрифты

Скрипело сердечко мое, но что поделать. Балл уходит фигме потому что оба инструмента для веб дизайна. Шрифтов для веб в гугл фонте гораздо больше, чем в Adobe Fonts. Да и вообще идея интегрировать ХД с Adobe Fonts более похожа на попытку еще глубже затянуть пользователя в экосистему Адоб, вместо того, чтобы открывать перед ним весь прекрасный мир веб дизайна и разработки.

1 : 8

Заливка и обводка

Стили есть и там и там. Ниже расскажу про различия. Чего не упомянул – есть в обоих программах.

У Фигма есть внутренняя тень, возможность создавать несколько заливок как для фона, так и для обводки. У фигмы есть более расширенные настройки в работе с обводкой.

1 : 9

Тут конкуренты идут ноздря в ноздрю. Различия минимальны, но все же у фигмы больше фишек и еще один балл в активе.

Компоненты

Еще полгода назад без колебаний дал бы балл Фигме и продолжил бы писать статью дальше. Но сейчас (декабрь 2019) дела на фронте кардинально изменились. Adobe XD сильно подтянулся в плане компонентов и сегодня различия в работе с компонентами в обеих программах нет

2 : 10

Стили

Adobe XD умеет сохранять цвета в палитру (цвет заливки и обводки). Их можно сортировать переиспользовать.

Figma умеет создавать стили цвета, эффектов и лайаутов, умеет их удобно организовывать (primary / info, secondary / info), что сильно помогает в работе и проектировании дизайн систем.

2 : 11

Стили текста

3 : 11

Прототипирование

Что ни говори, а Figma всегда отставала в этой дисциплине. Хотя ввод Smart Animate и новых триггеров несколько сократил разрыв, но тем не менее тут победитель однозначно Adobe XD

Потому что у него есть больше триггеров, есть возможность вешать несколько триггеров на один объект. Есть «вшитые» состояния наведения у объектов, что гораздо упрощает прототипирование. В отличии от фигмы не нужно городить 100500 одинаковых кнопок с разными заливками Auto Animate на голову выше, чем аналог у Фигма.

4 : 11

Adobe XD помогает разрабам с кодом. Тебе нужно сгенерировать ссылку для разработчика и открыть ее в браузере. При этом если что-то измениться в макете по ссылке изменения ты не увидишь – нужно генерить новую. Такие пироги

Figma же прямо в макете на отдельной вкладке показывает css код, а еще умеет показывать код для разрабов iOS и Android. Жаль, что код препроцессоров еще не научилась показывать. Совсем другое дело, что показывает она не всегда все самое нужное и иногда дает много лишнего. Ну то такое – верстак разберется.

Ну и вишенка на торте, что ты можешь вытащить css и svg код любого элемента просто кликнув правой кнопкой по нему и выбрав соответствующей пункт.

4 : 12

Экспорт картинок

Форматы экспорта одинаковые. Оба умеют относительно увеличивать исходную картинку и уменьшать ее при экспорте (0,5х, 1х, 2х и тд) Фигма тут чуть гибче, но это все нивелируется возможностью Adobe XD выбирать качество сохраняемого изображения, что намного важнее его размеров.

5 : 12

Сохранение работы

Оба умеют хранить работы в облаке и локально в форматах .xd и .fig соответственно. И тут вступает денежная составляющая. Сохранять документ локально хд начинает только на платных тарифах + на бесплатном, да и на среднем платном у него есть ограничения по дисковому пространству в облаке. У Фигма же единственное ограничение – это контроль версий на бесплатном тарифе 30 дней. Autosave в Figma – вообще все конкуренции. С такой фичей про… потерять данные невозможно.

5 : 13

Автономность работы

Фигма работает в интернете. Нужно хотя бы подключиться к файлу через сеть, а после выходить офлайн. После завершения работы сохранить док локально на пк. Сильно много действий в 2020 году, не правда ли?

Адобе ХД умеет работать офлайн, но при этом сохраняться локально можно только на платном тарифе.

Долго думал. Лично для меня не критична зависимость фигмы от сети, я и так сутками в интернете, но во чатах и на форумах на эту тему регулярно поднимаются стоны, мол дайте полноценный оффлайн фигме. Ведь тот же хд и ее прямые конкуренты Sketch и PS умеют работать без сети.

6 : 13

Работа с другими форматами

Оба умеют работать с файлами Sketch, открывать их, изменять и все такое. Но сохранять как .sketch не могут.

Ну а теперь о вопросе века – как Figma Adobe XD работают с PSD?

Фигма никак не работает. Есть костыли как открыть psd в Figma или наоборот – сохранить работу из фигма в psd, но это все фигня. На момент написания этой статьи (декабрь 2019) вменяемого способа объединить эти два редактора нет.

Adobe XD может открывать psd. Так же ты можешь редактировать любые картинки из своего хд файла прямо в фотошопе. Достаточно выбрать соотв пункт в контактном меню и картинка откроется в фш. Ты ее там поправишь, сохранишь и она тут же обновится в хд. Удобно – ничего не скажешь.

Об интеграции с Illustrator и After Effects даже говорить не стану. Это не удивительно, ведь все проги созданы одним создателем и отлично совмещаются друг с другом.

7 : 13

Фигма легла на лопатки

Интеграция со сторонними программами

Только что говорили об интеграции с программами непосредственно для веб дизайна, а теперь давай рассмотрим программы которые люди работающие в Figma и Adobe XD могут использовать для «пост» работы.

PS учитываю только официальные интеграции, без плагинов и костылей от умельцев.

Figma	Adobe XD
Figma Community (beta) Dribbble Zeplin Avocode ProtoPie Principle Flinto Jira Trello Zeroheight Dropbox Возможность получать уведомления в Slak	Behance Zeplin Avocode Sympli ProtoPie Kite Compositor Jira Microsoft Teams Slack

Как видишь у фигма несколько больше возможностей, но это , как говорится «такое». Дело не в количестве, а в том нужны ли тебе в работе все эти интеграции? Я поставлю по баллу каждой проге в этом вопросе.

8 : 14

Эти три буквы могут и не быть знакомы средне статическому дизайнеру, но! Для веб разработки – это чуть ли не самые главные три буквы.

Благодаря открытому API Figma, при чем он открыт как для платного, так и для бесплатного аккаунта, становится более предпочтительной средой для веб разработки. Подчеркиваю – для разработки, а не только для дизайна.

API Figma используют, например GitHub. Они создали такую среду, из которой можно управлять всеми своими иконками из одного файла.
Майкрософт так же активно юзает API для автоматизированной передачи проекта. Как уверяют подчиненные Мистера Гейтса – это сократило рабочий процесс на 70, КАРЛ, на 70%!

О возможностях тесной дружбы Figma с Json промолчу.

Adobe XD вообще не имеет никакого API

8 : 15

Плагины

До Августа 2019 у фигмы вообще не было плагинов, а у Adobe XD были. Теперь же все выровнялось и тут у нас паритет. Вопрос стоит только в том, насколько тебе нужны эти плагины и как часто ты их используешь в своей работе.

9 : 16

Результаты сравнения Figma и Adobe XD

Результат сравнения ты видишь. Результат исключительно субъективный и не может быть истиной в последней инстанции. Я старался быть максимально объективным и справедливым. Как ни крути, но на данный момент времени Фигма более предпочтительная программа для веб дизайнера. Возможно, за 2020 год многое поменяется и в следующем году я напишу статью на эту же тему с другими результатами.

All the tools you need without the complexity. Figma can feel complicated and difficult to navigate. XD lets you create without limits with a simple, intuitive interface.

"You can continue to iterate on the designs without affecting what has previously been shared, which is incredibly valuable."

Manager Digital Product Design

Work the way you want.

Online or offline. In the cloud or on your machine. Solo or with your team. Figma relies on an internet connection and forces you to design out in the open. XD gives you complete flexibility to design however you want.

“We’ve been able to use Adobe XD to stack the deck in our favor and get buy-in.”

Head of UX, VP Digital & Service Design

Go further with Creative Cloud.

Figma is all on its own. XD works with your Creative Cloud subscription. Edit images in Photoshop, import graphics from Illustrator, animate in After Effects, and bring it all together in XD. Plus, you’ll have access to other Creative Cloud services like Adobe Fonts or Adobe Stock — all from the same account. Learn more

Prototypes that feel real.

Static designs are just the beginning. With XD, you can make your designs look and feel like the real thing. Create interactive prototypes for websites, mobile apps, voice assistants and more with XD’s leading prototyping tools. Learn more

“Designers working in our group already had Adobe licenses and we weren’t totally reliant on a web-based solution.”

Ready to get started with XD?

FEATURES

Compare XD with Figma.

Platform available

macOS and Windows

Browser-based
Requires internet connection

Language support

English, Spanish, French, German, Japanese,
Chinese, Korean, and Brazilian Portuguese

Import from Photoshop, Illustrator and Sketch

Includes Photoshop, Illustrator, After Effects,
Adobe Fonts, and more

Video & Lottie playback

Voice Prototyping

Keyboard & gamepad support

Device preview

iOS, Android, Amazon Alexa, and
Google Assistant

iOS and Android only

Share to Behance

Import from Photoshop, Illustrator, and Sketch

Creative Cloud Integrations

Video & Lottie playback

Keyboard & gamepad support

Shareable prototype links

Share to Behance

macOS and Windows

English, Spanish, French, German, Japanese, Chinese, Korean, and Brazilian Portuguese

Import from Photoshop, Illustrator, and Sketch

Creative Cloud Integrations

Includes Photoshop, Illustrator, After Effects, Adobe Fonts, and more

Video & Lottie playback

Keyboard & gamepad support

iOS, Android, Amazon Alexa, and Google Assistant

Shareable prototype links

Share to Behance

Requires internet connection

Auto Layout

Smart Animate

Keyboard & gamepad support

iOS and Android only

Shareable prototype links

Ready to get started with XD?

FAQ

Adobe XD and Figma both offer design, prototyping, and collaboration tools. Connect to Adobe XD without an internet connection and quickly get started. When comparing Figma vs. Adobe XD, consider that Adobe XD is also available as part of a Creative Cloud subscription and offers more advanced prototyping tools for voice and other modalities.

Adobe XD and Figma both offer web design tools. Adobe XD’s Repeat Grid and Content-Aware Layout features, paired with powerful prototyping tools, allow web designers to create realistic website designs that look and feel like working websites. Adobe XD is one of the top Figma competitors for web design.

Adobe XD offers Responsive Resize, which allows you to easily resize groups and components for different screen sizes.

Adobe XD allows you to preview prototypes on mobile devices (iOS and Android) and voice-enabled devices (Amazon Alexa and Google Assistant). Mac users can also record videos of prototypes and record interactions to share with stakeholders. When comparing Figma vs. Adobe XD, XD offers more prototyping tools than any of other Figma competitors.

No. Figma files do not export to other design tools. Figma users also cannot transfer ownership, which presents a challenge for agencies designing using Figma.

Adobe XD offers more advanced tools for prototyping websites, mobile and desktop apps, voice-enabled features, and much more.

All the tools you need without the complexity. Figma can feel complicated and difficult to navigate. XD lets you create without limits with a simple, intuitive interface.

"You can continue to iterate on the designs without affecting what has previously been shared, which is incredibly valuable."

Manager Digital Product Design

Work the way you want.

“We’ve been able to use Adobe XD to stack the deck in our favor and get buy-in.”

Head of UX, VP Digital & Service Design

Go further with Creative Cloud.

Prototypes that feel real.

“Designers working in our group already had Adobe licenses and we weren’t totally reliant on a web-based solution.”

Ready to get started with XD?

FEATURES

Compare XD with Figma.

Platform available

macOS and Windows

Browser-based
Requires internet connection

Language support

English, Spanish, French, German, Japanese,
Chinese, Korean, and Brazilian Portuguese

Import from Photoshop, Illustrator and Sketch

Includes Photoshop, Illustrator, After Effects,
Adobe Fonts, and more

Video & Lottie playback

Voice Prototyping

Keyboard & gamepad support

Device preview

iOS, Android, Amazon Alexa, and
Google Assistant

iOS and Android only

Share to Behance

Import from Photoshop, Illustrator, and Sketch

Creative Cloud Integrations

Video & Lottie playback

Keyboard & gamepad support

Shareable prototype links

Share to Behance

macOS and Windows

English, Spanish, French, German, Japanese, Chinese, Korean, and Brazilian Portuguese

Import from Photoshop, Illustrator, and Sketch

Creative Cloud Integrations

Includes Photoshop, Illustrator, After Effects, Adobe Fonts, and more

Video & Lottie playback

Keyboard & gamepad support

iOS, Android, Amazon Alexa, and Google Assistant

Shareable prototype links

Share to Behance

Requires internet connection

Auto Layout

Smart Animate

Keyboard & gamepad support

iOS and Android only

Shareable prototype links

Ready to get started with XD?

FAQ

Adobe XD offers Responsive Resize, which allows you to easily resize groups and components for different screen sizes.

No. Figma files do not export to other design tools. Figma users also cannot transfer ownership, which presents a challenge for agencies designing using Figma.

Adobe XD offers more advanced tools for prototyping websites, mobile and desktop apps, voice-enabled features, and much more.

Читайте также: