Designer Toolsは、モバイルインターフェースをピクセル単位で正確にレビュー、テスト、検証する必要のあるアプリデザイナー、UI/UX開発者、QAエンジニアにとって究極のユーティリティです。
デザイン仕様、カスタムグリッドシステム、画面ガイドライン、画像モックアップを、稼働中のAndroidアプリケーションに直接重ねて表示することで、レイアウトのバグや間隔の不整合を即座に検出できます。
初回リリースのお知らせ
ついにv1.0がリリースされました!Designer Toolsは、デザインQAワークフローを効率化するために開発されました。最新リリースであるため、今後さらに魅力的な新機能、ツール、パフォーマンスの改善が予定されています。ご意見やご要望がございましたら、ぜひお聞かせください。今後のアップデートを共に作り上げていきたいと思います!
主な機能
画像モックアップ重ね合わせ
並べて検証:デザインモックアップ(PNG/JPG形式)を稼働中のアプリ画面に重ねて表示できます。
透明度コントロール パディング、配置、サイズずれをリアルタイムで確認するために、透明度をリアルタイムで調整できます。
縦向き・横向きモード デバイスの向きに合わせて、専用のモックアップ画像を割り当てることができます。
フィットオプション 幅に合わせるか高さに合わせるかを切り替えて、完璧なスケール調整を実現します。
カスタムグリッドシステム
柔軟なレイアウトグリッド セルの幅、高さ、線の太さ、色をカスタマイズできます。
複数の原点 左上、中央、またはセーフエリアからグリッドを描画できます。
レスポンシブ単位 Androidネイティブの密度テストのために、グリッド設定をdp単位で直接定義できます。
精度ガイドラインと仕様
水平線と垂直線 あらゆる画面に、カスタムの配置線を無制限に追加できます。
インタラクティブ注釈 対象画面上で距離を測定し、UI要素の寸法を直接マークできます。
画面上のインジケーター リアルタイムの間隔測定値と正確なオフセット値を表示できます。
デバイス画面のメトリクスと情報
画面のDPIと解像度 アクティブな画面の幅と高さをピクセル(px)と密度非依存ピクセル(dp)で即座に表示できます。
マルチプロジェクト管理 カスタムグリッド構成とガイド設定を保存し、さまざまなクライアントプロジェクトに適用できます。
デザイナーツールは誰のためのツールですか?
UI/UXデザイナー Figma、Sketch、またはAdobe XDの仕様にピクセル単位で完全に一致する実装を確認できます。
Android開発者 スクリーンショットを何度も撮ることなく、コンポーネントのマージン、パディング、レイアウト制約をより迅速に検証できます。
QAエンジニアとテスターの皆様へ: デザインQA監査を迅速化し、レイアウトの不具合チケットを明確な視覚的証拠とともに記録できます。
プライバシーと権限
Designer Toolsは、グリッド線、ガイド、モックアップを他のアプリ上にシームレスに投影するために、「他のアプリ上に表示」(SYSTEM_ALERT_WINDOW)権限を使用します。
プライバシー第一: Designer Toolsは、お客様の個人データ、アプリの使用状況、デザインファイルを収集、保存、共有することはありません。すべての画像オーバーレイとプロジェクトデータは、お客様のデバイスにローカルに保存されます。
今すぐDesigner Toolsをダウンロードして、Androidワークフローにピクセル単位の精度をもたらしましょう。定期的なアップデートもお楽しみに!
あらゆるAndroidアプリ上に、デザイングリッド、ガイドライン、モックアップ画像を重ねて表示できます。