Pixso 製品と Paico AI
デザインと共同作業
自然な言葉でデザインやアプリの UI を作成。
Pixso AI
何を作りますか？
AI コーディングツールと連携
デザインの情報をコードに活かし、キャンバスと開発をつなぎます。
デザインリソースを探す
学ぶ・使いこなす
開発・機能拡張
企業チームのためのデザインコラボレーション
Pixsoの実践的なデザイン記事、チュートリアル、活用事例をご覧ください。
バックログから完了までの4列を例に、Pixsoで再利用可能なカードと列を作成。状態遷移、ドラッグ以外の操作、チームレビュー、開発時の検証まで解説します。
図形ツールでアイコンを組み立て、SVGとして書き出すまでをPixsoで実践。フレームのサイズ、余白、線の扱い、開発へ渡すコードとアクセシビリティの確認点を解説します。
サイクリングアプリを題材に、参考資料の収集から配色・書体の選定、Pixsoでの共同レビューまで実践。画像の寄せ集めを、画面設計の判断に使えるボードへ変える10の手順です。
保存場所だけで判断せず、脅威、管理責任、検証結果から共同デザイン環境を選ぶためのガイドです。アクセス制御、外部通信、バックアップ、復旧の確認事項をまとめています。
4段階のアカウント登録を例に、再利用できるステッパーとフォーム画面をPixsoで作成。状態バリアント、レスポンシブ表示、エラーからの復帰、開発への引き継ぎを具体化します。
初めての利用者が図書予約を進める場面を検討。学習しやすさを問う四つの質問で具体的な問題を見つけ、設計変更とユーザーテストにつなげます。
コース、レッスン、トピック、学習パスの関係を例に、情報の構造と名称、アクセス経路から分かりやすい画面を設計する方法を説明します。
利用者の行動を比較し、目的に合うペルソナを作って設計に活用する方法を紹介。経費申請の例から、画面を変える意味のある違いを考えます。
サイト、メール、集荷にまたがる商品交換の体験を整理。事実と仮説を分け、接点間の情報不足を検証できる改善案へつなげます。
ヘルプセンターの具体例を使い、カードの作成、個人ごとの分類、結果の解釈、ナビゲーションへの反映を整理します。
ユーザビリティの原則に沿って画面を点検し、別の人が再現できる指摘を残します。登録フォームの例で、深刻度の根拠と改善の確かめ方を紹介します。
制作した画面とメモを、判断の理由が伝わるケーススタディにまとめましょう。図書予約の例から、トレードオフ、図注、根拠のある成果の説明を学べます。
15ページ中1ページ
新規作成
リソースコミュニティ
バージョン履歴
ご利用ガイド
