Как тебе BackPack?
 
Как передавать макеты веб-дизайнерам
Эти рекомендации сократят количество вопросов и правок по макетам.
Иконки
Логотипы, иконки, иллюстрации и другие векторные элементы скидывать в .svg.
Поскольку все иконки разного размера в силу их геометрических особенностей, они должны быть помещены во фреймы одинакового размера.

Допустим, есть три иконки: 22x15px, 18x20px и 10x5px. Каждая из них должна быть во фрейме 24x24px.
*не в файле .ai
Изображения
Изображения не должны быть больше 8000px в разрешении и весить больше 5 мб — это ограничения Тильды.
*лучше всего делать изображение такого разрешения, каким оно должно быть на сайте.
Изображения в формате .png выгружать в разрешении не более 150 dpi
Изображения должны иметь понятное название, так поисковики лучше размечают страницу и это повышает её конверсию.
Сетки
Группируйте слои по смыслу, давайте им осмысленное название, удаляйте скрытые и ненужные, снимайте блокировку со слоёв.

Так мы четко понимаем, что к чему относится и верно сверстаем макет.
Ctrl+G
Command ⌘ + G
Command ⌘ + R
Ctrl + R
Command ⌘ ⇧ Shift L
Ctrl + Shift + L
При использовании слоев в векторе не должно быть изображений с разными эффектами наложений (например, умножение) если такие есть, лучше сделать её уже готовой картинкой .png или .jpg.

Это нужно, чтобы при экспорте изображения не искажались.
как выглядит в фигме
как выглядит на странице
При создании макетов экранов использовать разрешение 1920*1080 или любое другое экранное разрешение, для того, чтобы экспорт элементов был корректным.
самое популярное разрешение экрана (~18,4%)
1920*1080
предложенное разрешение в фигме
1440*1024
У каждого элемента интерфейса должны быть целые значение размеров (допускается исключение к иконкам).
Шрифты
Если нужен наклонный или жирный текст, выбирайте одно из начертаний шрифта.

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

Это нужно, чтобы темная версия сайта была читаемой. Браузер автоматически изменяет цвет шрифта, если он внедрен, как шрифт. Если он вставлен, как .png, то браузер считывает текст, как картинку и не меняет.

В крайнем случае экспортировать текст с нестандартным шрифтом в .svg.
Текст сделан svg
Обычный текст с установленным шрифтом
Текст сделан картинками