Графический редактор — второй по важности инструмент верстальщика после редактора кода.

Дизайнеры создают макеты сайтов и приложений и передают готовые файлы в вёрстку. Верстальщик получает из них всю необходимую информацию: тексты, иллюстрации, цвета, положения элементов на странице и расстояния между ними.⠀
Самые известные и популярные графические редакторы — Photoshop и Figma. Давайте разберём, чем они отличаются.⠀
Photoshop — многофункциональный графический редактор, им пользуются разные специалисты — от фотографов до веб-дизайнеров. Из-за широкого спектра задач программа более сложная и зачастую непонятна новичкам. С другой стороны, Photoshop может работать без интернета и справляться с большим количеством задач.⠀
Figma имеет простой и понятный интерфейс. Программу необязательно скачивать, она может работать прямо в браузере. ⠀
Дизайнеры всё чаще выбирают Figma. И кажется, что вполне оправданно. Но Figma не может полноценно заменить Photoshop. В ней нет многих возможностей, которые нужны при работе. Например, в Figma нельзя работать с растровой графикой. Поэтому верстальщику полезно знать оба редактора.