Вообще, первый совет любому дизайнеру: перед тем как начинать отдавать макеты в верстку и продавать их клиенту, нужно на базовом уровне уже понимать CSS/HTML, потому, что кроме тонкостей "как передать работу верстальщику", есть еще очень много мелочей, не зная их, ваш макет всегда будет различаться с версткой.
Во вторых, дизайнер работающий в Photoshop - плохой дизайнер, мало того, что фотошопом вы доставляете неудобства верстальщикам, так вы еще и не правильно готовите макеты. Дело в том, что фотошоп является растровым редактором, и вектор туда вставлен функционально, а веб-верстка построена на векторе.
Кроме того, используя такие инструменты как Figma, Adobe XD и Скетч, вы экономите себе очень много времени, так как все они, заточены узко под разработку интерфейсов, и все внутренние функции, ускоряют вам работу.
Ну и по поводу SVG для верстальщика:
1. Почему верстальщик просит вас сделать нарезку? Ему надо видеть отступы, сетку, размеры - это все делается через исходник, по этой логике, он должен сам нарезать все объекты.
2. SVG - это вектор, координаты, и кидать туда растровые изображения - не грамотно, все что от вас требуется, экспортировать векторные объекты в SVG, и то не все, желательно только иконки.
3. Посоветуйте вашему верстальщику Avacode, так он легко разберется с нарезкой вашего макета.
Средний
Простой
