UIQuill
Sliday Limited · ライティング
UIQuillはFigmaのデザインをその場で書き換えるAIプラグインだ。各レイヤーの周囲を読み、トーン、長さ、SEOに合わせたテキストを出す。
UIQuill について
About
UIQuillとは
UIQuillはFigma向けのAIコピー作成プラグインだ。デザイン作業のうち誰も好まない部分、つまりモックアップに実際の言葉を打ち込む作業を引き受ける。文書で書いてから貼り付けるのではなく、ファイル内でプラグインを開けば、目の前のレイヤーに合う文案を提案する。
要は文脈である。一般的なチャットボットは一文だけを受け取り、周りを何も見ない。UIQuillはテキストの周囲のデザインを見る。だからボタンのラベルは短く収まり、メインの見出しは余白を取れる。公式サイトの説明も、デザインを「見て」、機能、スタイル、トーン、長さに合わせて書くとしている。
開発元はSliday Limited、Figma Communityのページに名前が出ているのはStas Kuleshだ。料金は単純で、クレジットカード不要の14日間トライアルのあと、月9ドルか、買い切りの299ドル。有料プランはいずれも無制限利用、最新モデルの採用、新機能への先行アクセスをうたう。
導入前に知っておきたい制約もある。動くのはFigmaの中だけであり、ブラウザ用のエディタもAPIもなく、公開済みサイトには使えない。永続的な無料プランもないため、複数席で試すチームは2週間後に席ごとに支払う。そしてAIコピーツール一般に言えることだが、出てくるのは筋の通った文章であって、製品の事実ではない。
使い始める
- Figma CommunityのページからUIQuillをインストールし、デザインファイルのプラグインメニューから開く。
- ログインして14日間のトライアルを開始する。この段階で支払い情報は要らない。
- 範囲を選ぶ。テキストレイヤー1つ、グループ、フレーム、ページ全体のいずれかだ。
- どんな調子の文案にするか、どれだけの長さに収めるかを伝えて生成する。
- レイアウト上で結果を読み、使えるものは残し、物足りない箇所はやり直す。テキストは選んだレイヤーに入るので、コピー&ペーストの手間はない。
AIツール情報
UIQuillの料金、対応プラットフォーム、性能を簡単に確認できます。
こんな人におすすめ
このツールが最も力を発揮するユーザー、タスク、シーン。
ユーザー
- 自分でUIテキストを書くプロダクトデザイナー。まだ箱を動かしている段階で、ラベル、空の状態、オンボーディングの文言が埋まる。ただし、その言葉が製品の実際の動きと合っているかは自分で確認したい。
- 人数の少ないUXライティングチーム。1人が数十フレームに一貫した文案を流し込める。チームのスタイルガイドは引き続きツールの外で管理する。
- 自前でマーケティングページを作る創業者。見出しと本文の案が数分で出る。ライターを雇う前にレイアウトを試すには足りる。
- クライアント向けのモックアップを作る制作会社。文言が整うと提案書が完成品に見える。無制限の有料プランなら月に数件をまかなえる。
タスク
- レビュー前にダミーテキストを消す。フロー全体を読める文章で埋めれば、議論はラテン語の詰め物ではなく中身に向く。
- 決まったスペースに文字を収める。短いボタンラベル、1行のメニュー項目、高さが決まったカード説明など。
- 引き継いだファイルの整理。古いフレームにプラグインをかければ、文法、句読点、大文字小文字の揺れを一度に直せる。
- ランディングページのモックアップでSEOを意識した文案を書く。レイアウトが固まる前から、キーワード入りの見出しや機能紹介が作れる。
- ページ全体の文案を更新する。メッセージを1回変えて、そのページの全フレームに反映できる。レイヤーごとの編集は不要だ。
シーン
- クライアント提案の1週間前。ダミーテキストは、良いデザインを未完成に見せる最短の方法であり、10フレームを手で書き直すと丸1日かかる。
- 初期コンセプトの比較。3つのレイアウト案を並べるとき、それぞれに実在する言葉が入れば、どの構造がメッセージを運ぶか判断できる。
- 引き渡し直前の確認。エンジニアがラベルの文言を聞いてきたら、すでにファイルに入っている文案で答えられる。
主な機能
文脈を読むテキスト提案
プラグインは書く前に、レイヤーの周囲のデザインを読む。だから同じ指示でも、幅の狭いツールバーのラベルと全幅の見出しでは違う答えになる。使える余白と隣の要素が入力に含まれるためだ。チャットボットのタブとの違いはここにある。
レイヤー、フレーム、ページ単位の範囲指定
範囲は自分で決める。テキストレイヤー1つ、グループ、フレーム、ページ全体。ページ単位にすれば全フレームのダミーテキストを一度に置き換えられる。大きなファイルで最も時間を削れる機能だ。1行だけ丁寧に見たいときは、レイヤー単位に戻せばいい。
長さに合わせる書き換え
入りきらない文案は、文案がないより悪い。UIQuillは枠のサイズを考慮し、収まる文を狙う。生成後の削り作業が減る。ボタン、タブ、カードのタイトルで効果が大きい。そこは1語多いだけでレイアウトが崩れる場所だからだ。
文法とスタイルの修正
新しい文章を書くだけでなく、既存の文案の文法、句読点、スタイルも直す。他人が作ったファイルでは特に役立つ。5人が5通りの声でラベルを残していることが多い。あくまで文章の手入れであり、戦略ではない。ブランド用語は人の目が要る。
デザイン段階のSEO文案
ランディングページは、検索より見た目を優先して作られがちだ。UIQuillはSEOを意識した文案を出すので、モックアップの時点で狙う語句が入る。ただし初稿として扱いたい。検索意図とページ構成が順位を決める。
APIキー不要、有料プランは無制限
Figma向けのコピーツールには、自前のOpenAIキーを求めるものがある。設計の作業が請求設定に化ける。UIQuillはモデルを内包し、有料プランは無制限利用をうたう。ライト/ダークモードもある。夜間に作業するまで気にしない類の小さな違いだ。
メリットとデメリット
メリット
- 文脈が結果に出る。提案は各レイヤーの余白と役割を守るので、生成後の手直しが少ない。
- ページ単位の処理が面倒な部分を片付ける。多数のフレームのダミーテキストを1回で置き換えられる。
- 定額なのが説明しやすい。月9ドル、または299ドルの買い切り。サブスクを増やしたくない人に向く。
- APIキーもモデル設定も不要。技術者でない人を遠ざける手順がない。
デメリット
- Figma専用。単体エディタもAPIもブラウザ拡張もなく、ファイル外の文案は手作業のまま。
- 永続的な無料プランがない。14日間のあとは席ごとに契約が必要で、5人なら固定費になる。
- 製品を知らない。文章は自然でも、存在しない機能を約束することがある。事実確認は人が行う。
よくある質問
Figmaのデザイン内でテキストを書き、直す。レイヤー、グループ、フレーム、ページのいずれかを選ぶと、余白と周囲のレイアウトに合う文案を提案する。
関連コンテンツ
UIQuillに関連するツール、スキル、記事を探す。
UIQuillの代替ツール
Google EmbeddingGemma 2
Google DeepMind · ライティング · 画像 · コーディングGoogle EmbeddingGemma 2 は 7 億 4000 万パラメータのオープンなモデルで、テキスト、コード、画像、音声、動画フレームを同じ 768 次元空間のベクトルに変え、スマートフォンやノート PC 上で動く。
MePersona
MePersona, Inc. · ライティング · 生産性向上 · マーケティングMePersonaはクリエイター向けのAI統合受信箱だ。あなたの話し方を学習し、12プラットフォームに届くファンメッセージの返信を下書きして、承認したものだけを送る。
Fluence
Yay Software (Yannick Huchard) · ライティング · 音声・言語 · 生産性向上Fluence は Android 向けのドキュメントリーダーだ。PDF、EPUB、Word 文書、ウェブ記事を読み上げ、発話中の文を画面で追わせ、本文についての質問にも端末上で答える。