イラストや参考にしたサイトのご紹介、アプリケーションの技術向上を目指すブログです。

WebページをSketchファイルにするプラグイン「Protoship Teleport」が便利すぎる

Sketch

Sketchおじさんこと@maki_saki さんが教えてくれたSketchプラグイン「Protoship Teleport」がめちゃくちゃ便利なのでざっくり紹介します。

Pocket

Protoship Teleport

Protoship Teleport」は、Chrome機能拡張+Sketchプラグインで、表示されているWebページをSketchファイルにしてくれる便利アプリです。百聞は一見にしかずです、このブログの一記事をSketchファイルに変換してみました。

用意するもの

Protoship Teleportから、次の3つを用意します。

準備が終われば、Chromeでファイル化したいURLを開いて、Protoship Teleportのアイコンを押します。表示されたURLをコピーして、Sketchのメニュー Plugins>Protoship>Import from browser で出てきたダイアログにペーストします。これでOK。

画像が抜け落ちることもありますが、SVGファイルや透過pngもそのまま持ってきてくれるので、今あるページのリニューアルで、ささっとカンプを作りたいときに大変重宝します。

おまけ

察しのいい方はお分かりだと思いますが、Sketchファイルはzipにして解凍すると中身を取り出すことができます。画像を収集する方法としてもいいかもしれません。とても便利なのでぜひ。

Pocket

ホームへ戻る

ページのトップへ戻る