1. Используй Figma, если нравится. Когда XD разовьётся достаточно, можно будет перейти на него без особых сложностей. Принципы работы те же. Рисовать макеты в Photoshop сейчас смысла нет. Разработчики с удовольствием переходят на фигму, если им показать как с ней работать, она гораздо удобнее фотошопа для всех, кто работает над проектом.
2. Разработчику кидаешь ссылку на проект и всё. Клиенту можно так же, можно экспортировать макеты в png.
3. Разрешение зависит от целевой аудитории. Сетка зависит от проекта, универсальной нет, зато есть много учебных материалов на данную тему.

Для начала у объекта "текст" внутри компонента поставьте Constraints: Left & Right, Top & Bottom.

В панели "Text" можно установить автоматический ресайз текстового блока по-горизонтали, либо по-вертикали (кнопка с многоточием). Какой-то из этих вариантов может подойти:



Это работает только для текстовых блоков. А вот размеры экземпляров компонента придётся менять вручную. Например, сделать, чтобы кнопка сама ресайзилась в зависимости от длины текста, в Фигме сейчас нельзя.