WhimsicalでSVGまたはPDF出力する

簡単に図形などを書ける Whimsical( https://whimsical.com )ですが、Export からの出力は PNG のみです。

公式のヘルプを読んだところ、裏技的に SVG/PDF 出力が出来るようなので紹介します。

ファイル出力に関するドキュメント

SVG 出力する方法

公式ドキュメントには以下のように書かれています。

We don't currently support any type of export to Illustrator, Sketch, or Figma. Although we do have an experimental feature which lets you save a board as an SVG - just add /svg to the end of your board link. It should look like this - whimsical.com/XXXXXXXX/svg https://help.whimsical.com/article/577-export-and-import

URL の末尾に/svgとつけると SVG 出力することが出来ます。

PDF 出力する方法

公式ドキュメントには、メニューの「Print」から出力または印刷できると書かれていますが、SVG と同様の方法で出力することも出来るようです。

URL の末尾に/pdfとつけると PDF 出力することが出来ます。

ブックマークレットSVG/PDF 出力する方法

以下の文字列をブックマークに登録すると、クリック 1 回で出力できます。

SVG 出力の場合

javascript:location.href=location.href+'/svg?'+(+new Date())

PDF 出力の場合

javascript:location.href=location.href+'/pdf?'+(+new Date())

上記スクリプトを Whimsical の編集ページ上で使用すると、https://whimsical.com/XXXXXXXX/pdf?12345のような URL に自動でアクセスします。

出力結果は一定時間キャッシュされるようなので、?以降に適当な数値をつけています。