Deutsch 
Español 
Français 
한국어 
Polski 
Português 
Pixelay vs PerfectPixel
Figmaデザインとつながる、PerfectPixelの代替ツール。
承認済みのFigmaデザインと、これから公開するWebサイトを比較できます。Pixelayは、デザインとWebサイトのビジュアル比較と複数の表示モードをQAワークフローに取り入れます。
無料でインストールできます。Proの無料トライアル10回付きで、クレジットカードは不要です。
Thank you so much Adam, this helped me a lot on deadline!
PerfectPixelとPixelay、どちらを選ぶ？
ワークフローを比較して、次のプロジェクトに合ったツールを選びましょう。
| PerfectPixel |  Pixelayなら |
|---|---|
| モックアップをブラウザに読み込む PerfectPixelは、ファイル、クリップボード、URLからリファレンス画像を読み込みます。 | Figmaのリファレンスから始める 承認済みのFigmaデザインを、確認したいWebサイトと結び付けます。 Pixelayのガイドを読む |
| オーバーレイを調整する PerfectPixelは、目視確認のための位置調整、不透明度、ブレンドモードを備えています。 | ズレに合わせてビューを選ぶ Pixelayのビジュアル比較モードで、レイアウト、余白、配置を確認できます。 Pixelayのガイドを読む |
| 実際のページ上で確認する PerfectPixelは、オーバーレイ越しのクリック操作や、リファレンス画像のローカル保存に対応しています。 | 本番ページや対応する非公開ページを比較 認証や非公開環境が関わる場合は、Pixelayのステージングサイト向けワークフローに従います。 Pixelayのガイドを読む |
10回の無料Proトライアル付き。クレジットカードは不要です。
自分のファイルでPixelayを試すワークフローを選ぶ
作業に合ったツールを選びましょう。
実際の使い方
Pixelayでできること。
ワークフローを支える機能を、デモと設定ガイド付きで紹介します。
見た目の違いを、1つのWeb QAビューですべて確認。
Webサイトと元のFigmaデザインを比較しながら、オーバーレイ、分割表示、差分検出に加えて、ほかに4つの表示を切り替えられます。
- 7つの比較モード
- Webページ全体のレビュー
- 差分のハイライト
公開中、ステージング、ローカル、プライベートのサイトをFigmaと比較。
Figmaのデザインを、公開中、ステージング、ローカル、またはプライベートのWebサイトと比較できます。見た目のQAのためにサイトを公開する必要はありません。
- 公開中・ステージングのURL
- プライベート環境に対応
- リリース前の見た目のQA
実際のプロジェクトで試す
ワークフローをPixelayに移行しましょう。
チームのプロセスを変える前に、代表的なファイルで試してみましょう。
Pixelay Pro乗り換える前に確認すること。
どちらのツールもビジュアル比較に対応しています。Pixelayは機能テスト、アクセシビリティテスト、CIでのリグレッションテストの代わりにはなりません。違いを判断する前に、ビューポートとページの状態をそろえてください。
ワークフローガイドを読む- 承認済みのFigmaリファレンスを選び、対応するWebサイトのURLを開きます。
- ビューポートのサイズとページの状態をそろえ、Pixelayの比較モードを選びます。
- 違いを確認して実装を修正し、修正後のページをもう一度比較します。
よくある質問
始める前に知っておきたいこと。
PerfectPixelではなくPixelayを選ぶべきなのはどんなときですか？
承認済みのリファレンスをFigmaで管理し、本番サイトや対応するステージング環境と比較したいデザイナーと開発者。
PerfectPixelのほうが向いているのはどんなときですか？
画像ファイル、クリップボード、URLからブラウザ上にオーバーレイを表示し、ピクセル単位の位置調整やブレンド設定を使いたい開発者。
乗り換える前に確認すべきことは何ですか？
どちらのツールもビジュアル比較に対応しています。Pixelayは機能テスト、アクセシビリティテスト、CIでのリグレッションテストの代わりにはなりません。違いを判断する前に、ビューポートとページの状態をそろえてください。
アップグレードする前にPixelayを試せますか？
はい。Figma CommunityからPixelayをインストールすると、Proの無料トライアルを10回使えます。クレジットカードは不要です。
PDF見積書 ↗ 
