PreWink
FileEditImageLayerTypeSelectFilterViewWindowHelp
Search
Auto-Select:
Landing_Page_v2.psd @ 100% (RGB/8) *×
01002003004005006007008009001000110012001300140015001600170018001900
010020030040050060070080090010001100120013001400
PreWink
100%Doc: 14.5M/32.1M
PreWink
LIVE
PreWinkとは
もう、書き出さなくていい。
今まではスマホでデザインを確認したい時、
画像に書き出して、スマホに送って、
確認して、また戻る。
そんなわずらわしさもPreWinkなら、
Photoshopを開いたまま
スマホでLPやバナーなどの
デザインをリアルタイムに確認できます。
また、そのまま画像として
共有することも可能です。
機能
確認から共有まで、
これひとつで。
スマホでのデザイン確認に
必要な機能をまとめました。
01
Preview
スマホで リアルタイム確認。
QRコードを読み取るだけで、Photoshopのデザインをスマホで確認できます。
画像の書き出しやAirDropはもう必要ありません。
また、1ファイルに複数デザインがあっても、切り替えて確認できます。
02
Edit
プレビューを見ながら、 そのまま編集。
「文字が小さすぎるかも？」「ボタンが押しにくい？」といったことも、Photoshopで修正すれば、スマホのプレビューもリアルタイムで反映されます。
確認と編集を行き来するストレスがなくなります。
03
Frame
SNSの中で、 どう見えるかを確認。
LINE・YouTube・X・InstagramのUIフレームを用意しています。
デザイン単体ではなく、「実際のアプリの中でどう見えるか」を実装前に確認できます。
PWAにも対応しているので、ホーム画面からアプリのように開くこともできます。
04
Share
書き出し不要。 スマホからそのまま共有。
スマホに表示されているデザインをダブルタップすると、画像として共有することができます。
また、SNSのUIフレーム付きのまま送ることもできます。
セットアップ
3ステップで、
すぐ始められる。
むずかしい設定は必要ありません。
インストールからスマホの接続まで、
最短10秒で完了します。
STEP01
Adobe Exchange
PreWink
Free
STEP
01
Install
Adobe Exchangeから
「Free」ボタンでインストール。
STEP02
PreWink
QR 表示
ID コピー
同期する
同期中
STEP
02
Sync
プラグインパネルの
同期ボタンをクリック。
STEP03
ID: a1b2c3d4e5f6
STEP
03
Connect
QRコードを読み取れば、
接続完了。
