以前こちらの記事でエンジニアのためのFigmaの使い方を紹介しました。 こちらの記事の後にFigmaのプラグインがリリースされ、VSCodeとの連携が可能になりとてもエンジニアにとって使いやすくなったので今回はその使い方を紹介します。 Figma for VS Codeで何ができるのか Figma for VS CodeはFigmaのプラグインで、VSCode上でFigmaのデザインをみたり、CSSのコードを取得したりすることができます。 FigmaのデザインをVSCode上で確認 以下はFigmaのデザインをVSCode上で見た例です。 ご覧いただいてわかる通り、要素間のの距離やサイズなどコーディングに必要な情報を一通り把握することができます。 コードの補完 Figmaのデザインをコーディングする際に、Figmaのデザインを元にCSSのサジェストをしてくれます。タブを打つだけでサジェスト
![コーディングを加速するFigma for VS Codeの紹介](https://cdn-ak-scissors.b.st-hatena.com/image/square/c879e2f5e101c4e3414c0a03257b183d1da1cb11/height=288;version=1;width=512/https%3A%2F%2Fstatic.mosya.dev%2Fblogs%2Ffigma-for-vscode%2Fogp.png)