Pixso 製品と Paico AI
デザインと共同作業
自然な言葉でデザインやアプリの UI を作成。
Pixso AI
何を作りますか?
AI コーディングツールと連携
デザインの情報をコードに活かし、キャンバスと開発をつなぎます。
デザインリソースを探す
学ぶ・使いこなす
開発・機能拡張
企業チームのためのデザインコラボレーション
UI/UXデザイン、プロダクトデザイン、デザインシステム、プロトタイピングの実践記事やチュートリアル、活用事例を紹介します。
端揃えと中央揃えの使い分けを、グリッドや料金カードの例で解説。文字量や価格の桁数が変わっても、比較しやすい位置と余白を整える方法を紹介します。
階層・検索条件・閲覧履歴を区別し、上位カテゴリへ戻れるパンくずを設計。既存サイトの掲載例と照明ECの具体例から、スマートフォン表示とPixsoでの作り方を学べます。
通知設定画面を例に、デザイン情報と操作条件をAIに渡す方法を解説。接続時のつまずき、生成コードの確認、Pixso MCPの使い分けまで学べます。
Adobe XDをFigmaへ移す際のSVG書き出し、変換ツールの確認、フォント・部品・遷移の検査と切り替え手順を説明します。
17ページ中6ページ目
新規作成
リソースコミュニティ
バージョン履歴
ご利用ガイド