RIO – UI/UXを"流れ"でつくる時代へ
FIGMA PLUGIN · BETA

UI/UX を"流れ"
つくる時代へ。

RIO はあなたのデザインシステムを理解し、
UI、UX、画面フローを一瞬で自動生成する
Figma プラグインです。

SCROLL
// Plugin Video

デザインフローを、
もっとスムーズに。

RIO はスペイン語で「川」。
アイデアを入れるだけで、ワイヤーと遷移、UI案まで一気に整います。

有名なデザインシステムを標準搭載し、
必要なら貴社のデザインシステムも取り込み可能。
成果物は編集できる Figma データで手元に残るので、仕上げはそのまま Figma 上で進められます。

RIO — Figma Plugin
01
Design System
標準搭載+取り込み
02
Generate UI
ルールに沿って作成
03
Generate Flow
遷移まで自動で整形
04
Figma Output
編集して仕上げ

インポート可能なデザインシステム

RIO は組織のデザインシステムを読み取り、コンポーネント・トークン・構造を理解して UI 生成へ直接適用します。

Platform Guidelines
Headless Primitives

実際の動きを見てみる

プロンプトを入力すると、編集可能な UI が数秒で生成されます。

Material Design
Instagram フィード画面を作る
Material Design で Instagram 風 UI を自動生成。
Tailwind CSS
30秒で SaaS ダッシュボード
Tailwind トークンを使ってダッシュボード UI を生成。
Custom DS
独自 DS で EC サイトを生成
カスタムデザインシステムで EC UI を自動構築。

デザイナーが創造に集中できる世界をつくる

私は2014年に日本のIT企業でデザイナーとしてキャリアを始めました。当時は640pxのアートボードで Photoshop を使う時代で、コンポーネントという考え方はまだ一般的ではありませんでした。デザインシステムもなく、ヘッダーのアイコンを1つ変更するだけでも全画面を手作業で直していました。

その後、Sketch・XD、スマホ解像度の進化、マルチデバイス対応、Figma の普及、デザインシステムの導入が進みました。ツールは進化した一方で、デザイナーの作業量はむしろ増え続けています。

この状況を変えるために RIO を作りました。UI・UX・画面フロー・デザインシステム適用までの土台づくりを RIO が担い、デザイナーは仕上げの品質と意思決定に集中できます。

私たちは、デザイナーが本来の価値である「創ること」に集中できる世界を目指しています。

Natsuto Masaoka
CEO, KURO
Natsuto Masaoka

RIO でできること

デザインワークフロー全体をカバーする機能群

📦
デザインシステム取り込み
DS を読み取り、コンポーネントとトークンを自動認識します。
UI 自動生成
AutoLayout 対応の編集可能 UI を即時生成します。
📐
ワイヤーフレーム生成
プロンプトから構造化されたワイヤーを自動設計します。
🔀
画面フロー生成
ユーザーフローと画面遷移を可視化し、UX 全体を把握できます。

シンプルで明瞭な料金体系

買い切り型。必要な時にクレジットを追加するだけ — サブスクリプションや予期せぬ請求はありません。

提供中
$ 10
買い切り
3,750クレジット付き
Figmaプラグインを入手
サブスクリプション不要。クレジットの有効期限はありません。

ウェイティングリストに登録

RIOの最新アップデート、新しいデザインシステムの統合、早期アクセスのご案内をお届けします。

スパムはお送りしません。製品のアップデート情報のみをお届けします。

お問い合わせ

ご質問・ご意見・パートナーシップのご提案など、お気軽にご連絡ください。