Pixso 製品と Paico AI
デザインと共同作業
自然な言葉でデザインやアプリの UI を作成。
Pixso AI
何を作りますか?
AI コーディングツールと連携
デザインの情報をコードに活かし、キャンバスと開発をつなぎます。
デザインリソースを探す
学ぶ・使いこなす
開発・機能拡張
企業チームのためのデザインコラボレーション
UI/UXデザイン、プロダクトデザイン、デザインシステム、プロトタイピングの実践記事やチュートリアル、活用事例を紹介します。
Pixsoのデザインシステム管理(DSM)で、コンポーネント・スタイル・デザイントークンを共有する方法を解説。エイリアスの設定、コード情報の確認、CSS・SCSSへの書き出しを紹介します。
カスペルスキーが直面した、FigmaからPixsoへの「7日間での緊急移行」の全容。Grigory Degter氏が、数千ものモックアップの救出、複雑なデザインシステムの移行、そしてフォースマジュール(不可抗力)の発生下でリリースを止めることなくプロセスを調整した経験を語ります。
SketchファイルをPixsoへ移行する手順と、フォント、描画モード、背景効果、パスの確認点を解説。インポート後の比較からSketch形式での受け渡しまで、既存デザインを使って共同編集を始める方法を紹介します。
会員登録画面とバッジを例に、曲線上の文字、フォントの太さ、長い文やRTLの表示を設計します。読みやすさを保つ調整と、実装に伝える情報を整理します。
デザイントークンを色・文字・余白の管理に使う方法を解説。ボタンの値と役割を対応させる例で、共有ライブラリの更新と実装コードへの反映を分けて整理します。
Pixso、Figma、Adobe製品、SketchでのAIと自動化の使い分けを解説。画面の生成、編集、共同作業、データ管理の観点から、実務に合う活用方法を紹介します。
Pixsoのカスタムカラーパレットによく使う色を保存し、画面の要素に再利用する方法を紹介。ブランド色の整理や、明るい背景と暗い背景の配色検討に活用できます。
17ページ中9ページ目
新規作成
リソースコミュニティ
バージョン履歴
ご利用ガイド