XD からページの一覧を抜き出す

自分用メモ。

仕様検討とかするときに XD の画面一覧がほしいことがある。

XD のグリッド表示画面で以下のスクリプトを実行し、ログ出力された文字列を
Google Spreadsheet に貼り付けることで手っ取り早く一覧を作ることができた。

DOM 構造に依存しており不安定な実装だが、今動けばヨシ

const baseURL = location.href.replace('/grid', '/screen');
const ret = Array.from(document.querySelectorAll("li").values()).map(li => {
  const pageId = li.id;
  const ss = li.children[0].children[0].children[0].children[0].src;
  const title = li.children[0].children[1].children[0].innerHTML;
  return `${title}\t${baseURL}/${pageId}\t=IMAGE("${ss}", 1)`;
}).join("\n");
console.log(ret);