PixsoでUIデザインをより素早く作成できる
ペンツール
ペンツールで点とパスをつなぎ、曲線を調整してアイコンやイラストを描けます。ベクターネットワークでは、一つの点から複数の方向へパスを伸ばせます。
図形ツール
長方形、線、楕円、多角形、星をキャンバスに描けます。大きさや色、角の丸みを調整して、画面に必要な要素を作成しましょう。
マスキングツール
マスクを使うと、画像や図形の一部だけを表示できます。プロフィール画像を円形に切り抜いたり、複数のレイヤーを指定した範囲に収めたりするときに便利です。
アプリ・Web・プロトタイプ制作に便利なデザイン機能
自動レイアウト
自動レイアウトにテキストや画像を入れ、間隔、余白、サイズの調整方法を設定できます。内容や要素の数が変わると、設定に応じて配置が調整されます。
コンポーネントバリアント
状態やサイズが異なるボタンなどを、コンポーネントのバリアントとしてまとめて管理できます。プロパティを切り替えるだけで、画面に合ったバリアントを選べます。
共有スタイル
文字、色、効果などをスタイルとして保存し、複数のレイヤーで再利用できます。チームライブラリに公開すれば、他のファイルでも同じスタイルを使えます。共通のスタイルを更新して、デザインの一貫性を保てます。
ブール演算
和集合、減算、交差などのブール演算を組み合わせて、複雑な図形を作成できます。
同じファイルで作成し、チームでレビュー
チームを作る
チームを作成してメンバーを招待し、プロジェクトごとにファイルを整理できます。役割に応じたアクセス権限も管理できます。
リアルタイムで共同編集
複数のメンバーが同じファイルを編集し、変更内容をリアルタイムで確認できます。修正のたびにファイルを送り直す手間を減らせます。
コメント＆フィードバック
チームメンバーはデザイン上の該当箇所に直接コメントを残し、アイデアや修正内容を共有できます。
チームリソースライブラリ
再利用可能なスタイルとコンポーネントをチームリソースライブラリに共有することで、デザインの効率を向上させるだけでなく、視覚的な統一性も維持できます。
開発者への引き渡しが簡単
スライスをエクスポート
画像やアイコンの形式と倍率を指定し、PNGやSVGなどでまとめてエクスポートできます。
コードを表示
選択したレイヤーのスタイルに対応するコードを確認し、コピーできます。CSS、iOS、Android向けの参照コードを、実装に必要な値の確認に活用できます。
デザインに注釈を追加
キャンバス上の該当箇所に注釈を残し、画面の動作や実装上の注意点を開発者に伝えられます。デザインと説明を同じ場所で確認できます。
ファイルの互換性
Sketch、XD、SVG、およびその他のファイルと互換性があり、インポートまたはエクスポートできます。
スマート選択
複数のレイヤーを選択し、行や列に整列させたり、要素の間隔をそろえたりできます。
ローカルフォントにアクセス
Font Assistantを接続すると、パソコンにインストールしたフォントをブラウザで使用できます。チームのフォントライブラリでは共通フォントも管理できます。
画像をまとめてエクスポート
複数の画像をまとめてインポート・エクスポートし、繰り返し作業を減らせます。
バージョン履歴
作業の節目に名前を付けてバージョンを保存し、履歴から必要な状態に戻せます。
アクセス権限
メンバーには、閲覧や編集などの権限を設定できます。エンタープライズユーザーはより柔軟な役割の権限を設定できます。
ゲストモード
共有リンクを受け取った人は、設定された権限の範囲でデザインを閲覧できます。外部のレビュー担当者に見せる場合は、共有範囲を選んで送れます。
サムネイル
ファイル一覧で内容が分かるようにサムネイルを設定できます。代表的な画面や任意のレイヤーを選び、デザインの内容を示しましょう。
Pixsoでよりスムーズなデザイン、より効率的なコラボレーションが実現可能！
無料で始める
From UIデザイナー
「デザイナーにとって、共同編集可能なデザインツールを選択することは非常に重要です。これにより、最終的にはより良い製品を作成できるかどうかが決まります。」