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

Это очень важный момент, когда собираешь быстрый мудборд проекта, и не хочешь отвлекаться на инструментал. В Figma приходится сохранять картинки на компьютер, а уже после кидать их в программу. Учитывая год появления первой версии (всё-таки, Figma на шесть лет младше), Sketch куда чаще сравнивали с Adobe Photoshop.

Перенос проекта из Photoshop в Figma

Ещё хуже, дело обстояло с инструментами для верстальщиков. Компания Adobe создавала какие-то программы для веб-отрасли, но так, больше, для любителей. У профессиональных веб-дизайнеров и верстальщиков – успехом они не пользовались. Только в 2015 году, вышла первая версия, Adobe https://deveducation.com/ XD, но не будем отходить от темы. Из всего прочитанного я понял, что фотожаба и фигма, - это разные инструменты, первый - графический редактор, второй - компоновщик, с возможностью пейнт.нет. И тут многие агрятся по этому поводу, - "почему бы тебе не сравнить тапок и топор".

И одним из ключевых отличий по сравнению с мастодонтом можно назвать то, что новый редактор не использовал собственных средств для отображения создаваемого контента. За это отвечают инструменты macOS figma для верстальщика — QuickTime, Quartz Extreme, Core Image, Core Animation, OpenGL и ColorSync. Поскольку Figma не предназначена для серьёзной работы с паттернами, в ней нет необходимых встроенных инструментов.

Библиотека компонентов — это еще одно преимущество Figma

Существует множество инструментов, которые помогают находить нужные шрифты, управлять ими и улучшать внешний вид текста. Большое преимущество платформы — возможность работать прямо в браузере. Расскажем, что надо знать верстальщику при работе с макетом в Figma. Figma подойдёт тем, кто хочет начать работать быстро прямо из браузера, в удобной среде, совместно с коллегами, при этом не платить за ПО.

Visual Studio Code — один из самых популярных редакторов кода. Его удобно использовать, и у него есть множество полезных расширений, с помощью которых легко оптимизировать работу. Такие плагины помогают допускать меньше ошибок при написании кода, да и значительно сокращают время работы. Figma — это онлайн-редактор графики для дизайнеров интерфейсов и веб-разработчиков. Figma – онлайн-редактор для создания прототипов и интерфейсов.

Паттерны в Illustrator, Photoshop и Figma

Кажется, день, когда Figma станет универсальным инструментом, уже недалёк. А учитывая, что сейчас тренд на унификацию всего и вся, это вполне реалистичный сценарий. Это онлайн-редактор, который используется преимущественно для веб-дизайна. Можно делать кликабельные прототипы, чтобы показать заказчику, что будет происходить при взаимодействии с тем или иным элементом интерфейса. По сути, с помощью Фигмы можно увидеть, как будет работать готовый сайт. И, что касается создания макетов для веб-дизайна или мобильных приложений, фотошоп - не самое удобное решение.

Безлимитное количество проектов и пользователей начинается с $12 в месяц за одного пользователя. Я, как веб-дизайнер, работаю и с Фотошопом, и с Фигмой. Если мне нужно создать сложную графику (или если у меня вдруг отрубят интернет), конечно, я воспользуюсь Фотошопом. Но потом я все равно перенесу эту графику в Фигму и продолжу делать макет там. То есть, для меня, как для веб-дизайнера, Фотошоп – это вспомогательный инструмент.

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

• В Sketch был удобный Automate — там очень много разных полезных функций, я все даже не знаю… Ну и Fix San Francisco Character Spacing удобен, чтобы вручную не настраивать шрифты.
• Важно обучить и замотивировать всю команду, иначе переход будет морально тяжелым и затянется на долгие месяцы.
• Новые шрифты появляются очень часто, за этим сложно уследить.
• Среди панелей с информацией трудно найти параметры текста или слоя или выбрать нужный инструмент.
• Лучше выбрать один, разобраться в нём и постепенно изучать второй.
• Как видишь у фигма несколько больше возможностей, но это ,
  как говорится «такое».

Эта комбинация клавиш позволяет вам быстро убрать все лишнее с экрана, чтобы вы могли сосредоточиться на своем дизайне. Или, наоборот, показать все элементы интерфейса, если вам нужно что-то найти или изменить. Есть костыли как открыть psd  в Figma или наоборот – сохранить работу из фигма в psd, но это все фигня. На момент

Я веб-дизайнер

написания этой статьи (декабрь 2019) вменяемого способа объединить эти два

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