「便利」を生み出す、Figmaプラグイン開発

全2回

フロントエンド・エンジニアになじみのある技術、HTMLとJavaScriptを使って、デザインツールFigmaのプラグインを開発します。アイデア次第でさまざまな機能をつくることができます。

第2回 開発環境を構築する

公式のクイックスタートで構築した環境を作り変えて、TypeScript、ESLint、Viteを使ったモダンな開発環境にしてみます。これは筆者が業務で構築した一例です。

第1回 サンプルプラグインを分析する

デザインツールであるFigmaのプラグイン開発のためのシリーズです。1回目はFigmaのクイックスタートに用意されたサンプルプラグイン作成し、ファイル構造などを調べ、開発の概要をつかみます。