Figmaプラグイン「Stark」とは？

Stark（スターク） は、デザイナー・開発者がアクセシビリティに配慮したUI設計を行うためのFigma対応プラグインです。
WCAG（Web Content Accessibility Guidelines）に基づき、色のコントラストやフォーカス状態の確認、視覚障害シミュレーションなどを行うことで、誰にとっても見やすく・使いやすいデザインを実現できます。

Starkでできる事

🎨 カラーコントラストチェック

テキストと背景の色がWCAG 2.1の基準（AA・AAA）に適合しているかを自動判定。

👀 色覚多様性シミュレーション

色覚障害（例：赤緑色盲、青色盲など）のユーザーがどう見えるかをFigma上でシミュレーション。

🧠 フォーカスインジケーター確認

キーボード操作時に見失わない「フォーカス枠」がきちんとデザインに反映されているかを検証。

💡 アクセシビリティガイドラインに沿ったヒント提供

現在のデザインの問題点と、それに対する改善アドバイスを表示。

📋 チーム管理＆共有

検証結果をドキュメントとして保存し、チーム内で共有可能（Proプラン以上）。

Starkでできる事

01. Figmaでデザインファイルを開く

02. Plugins → Stark → Launch Stark を選択して起動

03. 調査したい要素（テキスト・背景など）を選択

04. Starkの右側パネルで以下をチェック

05. 必要に応じて修正 → 再チェック

導入のメリット

料金プラン💰

「Stark」のプラン概要（2025年5月時点）

プラン	内容	料金
Free	基本のコントラストチェック・色覚シミュレーションなど	無料
Pro	チーム共有、Focus Order、アクセシビリティレポートなど	月額 $10〜（ユーザー単位）

こんなチームにおすすめ

公共性の高いWeb制作案件に取り組むチームに最適です。
政府機関、医療機関、教育機関向けなど、アクセシビリティへの配慮が必須なプロジェクトに対応可能。WCAG準拠やJIS X 8341-3対応といった基準が求められる現場でも安心して運用できます。
また、デザインとフロントエンドの連携が密なプロジェクトにも適しており、アクセシビリティの知見がまだ十分でない企業にとっても、基礎から学びながら実装できるサポート体制が整っています。

アクセシビリティ対応を、もっとスムーズに

Starkを使えば、デザインの段階でアクセシビリティ課題を可視化し、実装前にしっかり対策できます。
当社では、Starkを活用したチェックフローのテンプレートや、クライアント提案用の説明資料もご用意しています。
ご希望の方は、ぜひお気軽にお問い合わせください✨