レトロUIやゲーム風デザインで、通常フォントをそのままピクセル調にしたい場面は少なくありません。Figmaにはテキストのアンチエイリアス（輪郭を滑らかにする処理）を切る公式設定がなく、ビットマップフォントを探すか、別途プラグインを入れるのが定番でした。ところが2026年6月、デザイナーのOriku氏がFigma Agentに任意のフォントを渡すと、エッジをピクセル化しつつ字形を保てると報告しています。
この記事では、Figma Agentのフォントピクセル化ユースケースと、従来のワークフローとの違い、利用条件まで整理します。
この記事でわかること
- Figma Agentでフォントをピクセル化する具体的な挙動
- Figmaでレトロテキストが作りにくかった理由
- 既存プラグインとの違いと利用できるプラン
Figma Agentとは
https://www.figma.com/blog/the-figma-agent-is-here/
Figma Agentは、Figma Designのキャンバス上で動くAIエージェントです。2026年5月20日にベータ公開され、デザインファイル内のコンポーネントや変数、スタイルを読み取ったうえで、レイアウト生成や一括編集、フィードバック整理を自然言語で依頼できます。
キャンバス上のレイヤーを選んでAgentsアイコンをクリックするか、Cmd/Ctrl + Enterでプロンプトを開きます。サードパーティのMCPサーバー経由ではなく、ファイル内で完結する点が特徴です。2026年6月24日のConfig 2026では、シェーダーやジェネレーティブプラグインの生成、外部ファイルの添付、MCPコネクタ連携が追加され、キャンバス上で作れる表現の幅が広がりました。
フォントのエッジをピクセル化し字形を保つ
https://x.com/Oriku175/status/2071107733307494545
Oriku氏は2026年6月28日、XでFigma Agentの検証結果を公開しました。投稿では「任意のフォントを渡すと、エッジをピクセル化しながら元の字形を保てる」「仕上がりが意外ときれい」「今後のプロジェクトで使うかもしれない」と述べています。動画付きの投稿で、10,500回以上の閲覧を記録しています。
ここでのポイントは、専用のピクセルフォントを用意しなくても、手元のフォントを起点にピクセル調へ変換できる点です。従来はビットマップフォントを特定サイズで使うか、テキストを画像化してから加工する手間がかかっていました。Agentならプロンプト一発で字形を維持したままエッジを粗くできるため、レトロモックアップやゲームUIの試作が短縮されます。
なぜ今までFigmaでピクセル文字が作りにくかったか
https://forum.figma.com/suggest-a-feature-11/add-disable-anti-aliasing-for-text-29525
Figmaのフォーラムでは、アンチエイリアス無効化の要望が長年寄せられています。GIMPやPhotoshopにはある「エイリアス（アンチエイリアスなし）」設定がFigmaにはなく、レトロ系デザインではビットマップフォントに頼るしかない、という声が目立ちます。
FigmaはGPUベースのレンダラーで全環境に均一なアンチエイリアスをかけます。デザインの一貫性には有利ですが、ピクセルアートや8bit風の表現とは相性が悪い側面がありました。小さい文字では輪郭がぼやけ、ブラウザ実装との見え方の差も指摘されています。Agentによるピクセル化は、このギャップを埋める実用的な回避策として注目できます。
使い方の流れ
Figma Agentへのアクセスは、Professional・Organization・EnterpriseプランのFullシートユーザーが対象です。View・Dev・Collabシートはドラフトファイル内で試せます。Starter・Education・Governmentプランは対象外です。ベータ期間中はAIクレジットを消費しません。
手順は次のとおりです。
- Figma Designでテキストレイヤー、または使いたいフォントを含むデザインを選択する
- Agentsパネルを開き、フォントのエッジをピクセル化し字形を保つようプロンプトする
- 生成結果を確認し、必要なら微調整やUndoで差し戻す
公式ヘルプでは、対象レイヤーを選んでから指示するほど精度が上がると案内されています。複数の案を並行して試す「パラレルプロンプト」にも対応しており、ピクセル粒度の違いを比較しやすいです。
既存プラグインとの違い
Figmaコミュニティには「Pixel Font」や「Pixelation Vector」など、テキストやベクターをピクセル化するプラグインが既に存在します。これらは設定項目が細かく、出力形式を細かく制御できます。
一方、Figma Agentは会話ベースで依頼でき、2026年6月以降はシェーダーやジェネレーティブプラグインの生成にも対応しています。固定UIのプラグインと違い、「このフォントをこの雰囲気で」と自然言語で試行錯誤できるのが強みです。再現性を厳密に管理したい場合は従来プラグイン、素早く方向性を探りたい場合はAgent、という使い分けが現実的です。
注意点と今後の見通し
Oriku氏の検証は個人の投稿であり、Figma公式がフォントピクセル化を単独機能として謳っているわけではありません。Agentの出力はプロンプトやファイルの文脈に左右されるため、同じ指示でも結果が変わる可能性があります。気に入った結果は複製してからUndoする、という公式のベストプラクティスも覚えておくと安全です。
ベータは段階的に展開中で、全ユーザーへの一般提供時期は未発表です。一般提供後はAIクレジットが消費される見込みです。レトロデザインやゲームUIの試作に携わるデザイナーは、ベータ期間中に実案件のファイルで試し、従来のビットマップフォント運用と比べて工数がどれだけ減るかを確かめる価値があります。