Bohemian Coding недавно выпустил Sketch 3.4 с массой новых возможностей. Sketch local sharing позволяет вам быстро получить ссылку для предпросмотра живых изменений в вашем документе Sketch, чтобы любой пользователь вашей сети мог их посмотреть через веб-браузер.

Есть одно ограничение. Как и предполагает название опции, опция работает только в локальной сети. Если вы хотите поделиться документом с другом или коллегой вне вашей локальной сети, Sketch в этом не помощник.

Но небольшие фокусы в командной строке поможет вырваться из локальной сети и поделиться дизайном в интернете с любым другим пользователем.

Сделайте опцию Sketch local sharing доступной отовсюду

Если у вас установлен Node, откройте терминал и введите команды после знаков доллара.

$ npm -g install localtunnel
/usr/local/bin/lt -> /usr/local/lib/node_modules/localtunnel/bin/client
localtunnel@1.7.0 /usr/local/lib/node_modules/localtunnel
├── debug@0.7.4
├── openurl@1.1.0
├── request@2.11.4
└── yargs@3.15.0 (camelcase@1.2.1, decamelize@1.1.0, window-size@0.1.2, cliui@2.1.0)

$ lt --port 8080
your url is: https://htkzpnysxf.localtunnel.me

Мы используем localtunnel, чтобы создать соединение с компьютером, по которому любой пользователь из интернета смог получить доступ к нему.

Теперь давайте включим local sharing в Sketch документе. Браузер откроет локальный адрес (обычно начинается с 192. xxx…).

Sketch local sharing Наш документ обслуживается по локальному адресу (Sketch по умолчанию)

Sketch local sharing Наш документ обслуживается публично через localtunnel

Если мы только заменили локальное имя хоста на ссылку locatunnel, теперь этой ссылкой можно поделиться с любым желающим посмотреть обновления файла Sketch вживую, пока само приложение остается открытым.