Pixso 製品と Paico AI
デザインと共同作業
自然な言葉でデザインやアプリの UI を作成。
Pixso AI
何を作りますか？
AI コーディングツールと連携
デザインの情報をコードに活かし、キャンバスと開発をつなぎます。
デザインリソースを探す
学ぶ・使いこなす
開発・機能拡張
企業チームのためのデザインコラボレーション
UI/UXデザイン、プロダクトデザイン、デザインシステム、プロトタイピングの実践記事やチュートリアル、活用事例を紹介します。
住所検索で建物が見つかっても、会社名や階数がそろうとは限りません。入力済みの情報を守りながら検索・手入力・国の変更をつなぎ、実際に使う住所を確認できるUIを作ります。
1234.50をどう解釈し、何通貨として保存するかを明確にする金額入力UI。貼り付け、形式の違い、勝手な丸め、通貨変更、結果不明まで一つの見積入力で解説します。
カレンダーの見た目からではなく、何を予約し、いつ確定するかから日付ピッカーを設計。1〜14泊の予約を例に、入力、状態、修正、部品化、アクセシビリティまで解説します。
列のルールから請求書テーブルを組み立てる実践ガイド。再利用できるセル、ヘッダー、行、複数選択、処理結果、画面幅ごとの構成と引き渡しの確認項目を解説します。
六つの入力項目を持つ登録フォームを、要件から開発への引き渡しまで設計。部品の状態、検証のタイミング、条件付き表示、エラー修正と送信結果を一つの例で解説します。
監査ログの行、変更前後、時刻、検索範囲、閲覧制限を具体例で設計。成功した変更と失敗した試行を区別し、機密情報を漏らさず、記録に基づいて調査できる画面を作ります。
顧客検索フィールドの入力、候補、選択済みIDを分ける設計を解説。遅れて届く応答、該当なし、通信失敗、キーボード操作から送信時の再検証まで、具体例で整理します。
長いファイル名やラベルを、識別に必要な部分を残して表示する方法。折り返し、末尾・中間省略、全文へのアクセスを比較し、キーボード、翻訳、文字拡大でも検証します。
タイムアウト警告、再認証、下書きへの復帰を一つの流れで設計。保存済み項目、添付未完了、別アカウント、送信直後の期限切れを区別し、誤送信や入力のやり直しを防ぎます。
CSVの列と項目の対応、識別子、既存値、重複行、エラーの扱いを設計。5行の参加者データを使い、変更プレビューから修正・結果確認まで具体的に解説します。
文書の種類、パス、制限まで読める抜粋で、チュートリアル・APIリファレンス・リリースノートを選びやすくする検索結果カードの設計を解説します。
中立的なタスクと妥当な到達先を設定してツリーテストを実施。従業員ヘルプの例で、最初の選択、引き返し、カテゴリ名の変更をどう解釈するかを説明します。
17ページ中4ページ目
新規作成
リソースコミュニティ
バージョン履歴
ご利用ガイド
