memi
Humyn LLC · コーディング
memiは、コーディングエージェントとともにインターフェースを出荷するプロダクトチーム向けのAIデザインワークベンチだ。エージェントがコードを編集する前にコードベースを読み、出荷前に変更を確認し、学んだ内容を編集可能なプロジェクトのデザイン記憶に保存する。ツール群は、コマンドラインのUI監査ツール、macOS Studioアプリ、Figmaブリッジ、shadcnレジストリへの書き出しで構成され、デザイナーとエンジニアが同じ信頼できる情報源から作業できる。
memi について
memiとは何か
memiは、ひとつの明確な問題のために作られたデザインワークベンチだ。コーディングエージェントは、インターフェースをまず理解することなく編集する。AIアシスタントがボタンを装い直し、間隔のトークンを無視し、アクセシビリティのルールを静かに破るのを見たことがあるなら、その痛みはもう知っているはずだ。memiはエージェントとリポジトリの間に座る。
リポジトリの監査を走らせ、簡潔なブリーフを作り、どの編集も信頼される前に確認可能なレポートを返す。検出結果は編集できるプロジェクトのデザイン記憶に残り、ブラックボックスではない。内部は連携したツール群だ。CLI、macOS Studioアプリ、Figmaブリッジ、shadcnレジストリへの書き出し。
最大の限界は対応範囲にある。StudioアプリはmacOS専用でまだベータ版であり、ツール群全体がフロントエンドのコードベースを対象とし、どんなプロジェクトにも向くわけではない。ではバックエンドのリポジトリで動くのか。おそらく動かない。FSL-1.1-ALv2ライセンスのオープンソースで、Humyn LLCによるApple署名済み、アカウント不要で無料だ。
はじめ方
npx -y @memi-design/cli diagnose .でCLIを実行し、リポジトリを走査して最初の監査レポートを取得する。- レシートファイルで検出結果を確認する。diagnoseモードは読み取りのみで、ソースコードは変更しない。
- 実行履歴とFigmaハンドオフをmacOS 13以降で使いたいなら、Studioアプリ（
brew install --cask memi-design/memi/memi-studio）をインストールする。 - エージェントのワークフローを接続し、編集が許可される前にmemiにデザインブリーフを用意させる。
- 変更が済んだら確認し、学んだことをプロジェクトのデザイン記憶に戻して保存する。
AIツール情報
memiの料金、対応プラットフォーム、性能を簡単に確認できます。
こんな人におすすめ
このツールが最も力を発揮するユーザー、タスク、シーン。
ユーザー
- フロントエンドのデザインレビューを回すデザインリード。memiは、エージェントが何をなぜ変えたかを共有できるレポートとして返す。「なんか良さそう」で済ませない。
- コーディングエージェントと組むフロントエンドエンジニア。memiはコードに触る前にUIの地図をエージェントに渡すため、装い直しやリファクタリングでの当て推量が減る。
- 開発者へハンドオフするプロダクトデザイナー。チームがすでにFigmaで作業していれば、Figmaブリッジがデザイン判断を一か所に保つ。
- 素早くインターフェースを出す小さなプロダクトチーム。同じデザイン記憶がデザイン側とエンジニアリング側の両方に効く。コードベースが前提なので、ノーコードの環境には合わない。
タスク
- リリース前に、生の色値、欠けた代替テキスト、デザイントークンのずれをリポジトリで監査する。
- 何かを編集する前に、コーディングエージェントが間隔・書体・色のルールを知るためのデザインブリーフを用意する。
- エージェントが本来尊重すべきインターフェースに対して、その変更を確認する。
- コンポーネントをshadcnレジストリに書き出し、デザインシステムをコードと同期させる。
シーン
- 何がなぜ変わったかの共有できるレシートが要るデザインレビュー。「なんか良さそう」では済ませない。
- まだ見たことのないプロジェクトに新しいコーディングエージェントを参加させる。
- 未読バッジやコマンドメニューを出荷前に使いやすさの面で確認する。memiのサイトが示すとおりだ。
- 実行やエディタをまたいで残るデザイン記憶を保ち、同じ失敗を繰り返さない。
主な機能
リポジトリ監査とレシート
CLIはコードベースを走査し、ファイル単位の検出結果を並べた構造化レポートを返す。各項目は種類と深刻度でタグ付けされる。手元にはレシートが残る。何を確認し、何ファイルと何ルートを走査し、監査スコアがいくつかを列挙する。diagnoseモードは読み取りのみ。背後で何かが書き換わることはない。
プロジェクトのデザイン記憶
memiはインターフェースについて学んだことを、プロジェクトに紐づいた編集可能なデザイン記憶に保つ。色、書体のルール、コンポーネントの慣例が再利用できる文脈としてそこに住む。編集できるので、誤った前提を抱えたままにするのではなく修正できる。
編集前のエージェントブリーフ
エージェントに推測させる代わりに、memiはインターフェースがどう振る舞うべきかを記した簡潔なデザインブリーフを用意する。エージェントはそのブリーフから作業するため、後からデザインのずれを直すために費やす往復の数が減る。少ない往復、きれいな差分。
macOS Studioアプリ
署名済みのStudioコンパニオンは、実行履歴、プロジェクトの文脈、レシートをデスクトップアプリで示す。CodexとClaudeの実行を眺め、それぞれが何を変えたかを確認し、実行に付くコストを見られる。macOS 13 Ventura以降が必要だ。Apple SiliconとIntelのどちらでも動く。
FigmaとFigJamのハンドオフ
FigmaブリッジはmemiとFigmaワークスペースの間でデザインの文脈を運ぶ。デザイナーはすでに知っているツールで作業を続けられ、ハンドオフの文脈は別のドキュメントに住むのではなく実行に付いたままになる。
shadcnレジストリへの書き出し
memiはコンポーネントをshadcnレジストリへ書き出せるため、コード内のデザインシステムとコンポーネントの出どころが一致する。これで共有コンポーネントライブラリがデザインとエンジニアリングをまたぐ単一の情報源になる。手作業での書き出しと再取り込みはもう要らない。
ローカルかつアカウント不要
Studioはローカルで動き、自分で設定したプロバイダーとレジストリを使う。ウェブサイトのアカウントは要らない。コードがどこへ行くかを気にするチームにとって、これは有料の追加機能ではなく意味のある既定だ。
メリットとデメリット
メリット
- エージェントが編集する前にコードベースを読むため、壊れたビルドの後ではなく早い段階でデザインのずれを捉える。
- FSL-1.1-ALv2の下で無料かつオープンソースで、始めるのにアカウントは要らない。
- CLI監査はファイル単位の検出結果を伴う確認可能なレシートを返す。曖昧な合否ではない。
- CLI、macOSアプリ、Figma、shadcnレジストリをつなぎ、デザインとエンジニアリングが単一の情報源を共有する。
- StudioはCodexとClaudeのワークフロー向けに実行履歴と実行ごとのコストを示す。
デメリット
- StudioアプリはmacOS専用のため、WindowsとLinuxのユーザーはCLIしか使えない。
- いくつかの部分はまだベータ版か開発中で、ワークフローが足元で変わりうる。
- フロントエンドのコードベース向けに作られているため、バックエンドやUIのないプロジェクトは監査からほとんど恩恵を受けない。
- 無料以外の価格は公開されていないため、大規模な展開を計画するチームは問い合わせる必要がある。
よくある質問
memiは、コーディングエージェントがフロントエンドのコードベースを編集する前と後に確認し、変更を経てもデザインルールとアクセシビリティ基準が生き残るようにする。AIコーディングツールでインターフェースを出すチームに向く。
関連コンテンツ
memiに関連するツール、スキル、記事を探す。
memiの代替ツール
Forefront
Forefront · コーディングForefrontはオープンソースAIで構築するためのウェブプラットフォームだ。主要なオープンソース言語モデルを自分のデータで微調整し、性能を評価し、API経由で実行したり、エクスポートして自分でホストしたりできる。クローズドなプラットフォームの手軽さを求めつつ、モデルとデータの所有権にはこだわる開発者が対象だ。
Startkit
StartKit.AI · コーディングStartkitは、AI SaaSとAIラッパー製品を作るためのボイラープレートだ。面倒な部分をあらかじめ配線済みにしたAIスタートアップボイラープレートと考えればいい。認証、StripeとLemon Squeezyの決済、利用制限、トランザクションメール、そしてOpenAI、Anthropic、Groq、Llamaと通信するAI APIスターターキットが含まれる。リポジトリをクローンして価格を設定し、ユーザーが実際にお金を払う部分に取りかかれる。ReactとTailwind上のNext.jsで作られているため、ボイラープレートコードの多くはすでに見慣れたものだ。
Testim
Tricentis · コーディングTestimは、Web・モバイル・Salesforceアプリ向けにエンドツーエンドテストを構築して実行するAIテスト自動化プラットフォームだ。機械学習を頼りに、インターフェースが変わってもテストを安定させ、チームが壊れたセレクターの修正に費やす時間を減らす。今日から使い始められる自動テストツールとしては悪くない。ブラウザで操作を録画してテストを作り、より細かい制御が必要なときはJavaScriptを足す。忙しいQAチームにとって堅実な選択肢である。