Duolingo

スペイン語、フランス語、ドイツ語を学ぶ

iOS

教育

ゲーム

コミュニティ

DuolingoアプリUIデザイン

DuolingoアプリUIデザイン

Duolingoはインタラクティブな短いレッスンを通じて語学学習を提供します。読解、作文、聞き取り、会話の練習を網羅し、教育をゲーム感覚で楽しめます。

Duolingoはインタラクティブな短いレッスンを通じて語学学習を提供します。読解、作文、聞き取り、会話の練習を網羅し、教育をゲーム感覚で楽しめます。

カテゴリ横断で、ゲーミフィケーションされたアプリ設計の定番を作った存在。DuolingoのUI — ログイン、レッスン、ダッシュボードなど — を、無料のMobbin代替でチェック!

カテゴリ横断で、ゲーミフィケーションされたアプリ設計の定番を作った存在。DuolingoのUI — ログイン、レッスン、ダッシュボードなど — を、無料のMobbin代替でチェック!

オンボーディング

オンボーディング

15画面

使い方

1

欲しい変更内容を説明するだけで、ワイヤーフレームの一部を編集できます。要素を削除したりテキストを書き直したりと、最終調整に必要な操作はすべて揃っています。

.png、.jpg、.gif、.heic など、サポートされているあらゆる形式の画像に対応しています。

.png、.jpg、.gif、.heic など、サポートされているあらゆる形式の画像に対応しています。

2

Figmaデザインを取得

当社のAIは画像を解析し、Figmaファイルを作成します。

3

Figmaにエクスポート

変換したデザインをそのままFigmaにコピペできます。

変換したデザインをそのままFigmaにコピペできます。

言語レッスン

言語レッスン

16画面

ホーム画面

ブラウジング

ブラウジング

4 画面

アプリデザインとは?

良いアプリデザインを作るにはどうしたらいいですか?

優れたデザインは、プロダクトのアイデアを明確に視覚化します。
画面上にどんな要素が必要か、そしてそれらがどのように配置・連携するのかを示してくれます。

優れたデザインは、プロダクトのアイデアを明確に視覚化します。
画面上にどんな要素が必要か、そしてそれらがどのように配置・連携するのかを示してくれます。

アプリをデザインする方法は?

従来のデザインツールやテンプレートを使って、自分で画面をレイアウトすることもできますが、AIプロトタイプジェネレーターを使えば、これまで以上に簡単です。アイデアをテキストで入力するだけで、AIが複数のUIデザインを自動生成します。

従来のデザインツールやテンプレートを使って、自分で画面をレイアウトすることもできますが、AIプロトタイプジェネレーターを使えば、これまで以上に簡単です。アイデアをテキストで入力するだけで、AIが複数のUIデザインを自動生成します。

良いアプリデザインを作るにはどうしたらいいですか?

優れたデザインは、プロダクトのアイデアを明確に視覚化します。
画面上にどんな要素が必要か、そしてそれらがどのように配置・連携するのかを示してくれます。

優れたデザインは、プロダクトのアイデアを明確に視覚化します。
画面上にどんな要素が必要か、そしてそれらがどのように配置・連携するのかを示してくれます。

AIで魅力的なUIをデザインする