Figmaプラグイン開発のデバッグ方法 - Qiita

はじめに こちらはFigmaプラグインAdvent Calendar 2019の3日目の記事です。 Figmaプラグイン開発を始める上で、使えると便利なデバッグの方法をご紹介します。 基本的には以下に載っている方法の紹介です。 https://www.figma.com/plugin-docs/debugging/ デバッグ方法 早速デバッグ方法を紹介していきます。 1. コンソール出力 実際の開発でとりあえずコンソールに値を出力してみる、ということがあると思います。Figmaプラグインでも同様のことを行うことができます。 今回は1日目のfigmaプラグイン開発の準備の内容を使ってコンソール出力を利用してみましょう。 step1. console.logをコードに書き込む 出力させたい箇所でconsole.logを書きましょう。 console.log(nodes); step2. fig