有料記事

特定のFigmaファイルの情報をスプレッドシートに出力するライブラリを作成してみました。 このライブラリは「Figma をスプレッドシート用の疑似DBに変換するエンジン」です。 しかも API制約 GAS制約 公開ライブラリ制約 を全部考慮した設計になっておりま...

Figmaで用いられるスタイル（テキストスタイル･色スタイル）はWebサイトのコーディングを始め、Unityなど様々なところで同じ状態になるように参照して使われます。 デザイナーが追加･削除するスタイルはプロジェクトの規模によって、相当数に増えるので、...

Figma プラグインを使ってドキュメント内のコンポーネント情報を CSV に出力する場合、数百〜数千レイヤーなら特に問題なく動作します。 しかし、数万〜数十万規模になると処理が固まったり、UI が極端に重くなることがあります。 この記事では「大量のレ...

Figmaファイル内で「他ライブラリのスタイル（外部スタイル）」を参照しているレイヤーを、一括で検出しCSVに書き出すプラグインの実装です。 デザインシステム運用で「外部スタイルの紛れ込み」を発見したい リンク切れや不要な依存の原因を特定したい デ...

扱っているUI素材のボタンが全部入っているお得用パックです。 商品が増え次第、増やしていく予定です。 2024/3/25 全35種類 Figma│ボタン全部入りパック（全35種類）の見本 Figma│ボタン全部入りパック（全35種類）のダウンロード 以下からダウンロードで...

扱っているUI素材の見出しが全部入っているお得用パックです。 商品が増え次第、増やしていく予定です。 2024/7/9 20種類 2024/8/28 20種類 追加 Figma│見出し 全部入りパック（全40種類）の見本 Figma│見出し 全部入りパック（全40種類）のダウンロード ...

WordPressテーマ｢SWELL｣を再現したFigma用のテンプレートです。 これを敷いてWebサイト制作をすると、テーマとデザインの差が減り、コーディングしやすくなります。 更新情報2024.5 SWELLブロックの全デザインパータンも追加しました。 WordPressテーマ｢SW...

ノードを選択して、右クリックからコピー/貼り付けオプション > 選択範囲へのリンクをコピーからURLが取得できます。 これを複数まとめて取得するに自作プラグインを作成してみました。 プラグインはFigmaの無料版ユーザーに向けに作成しています。 コ...