Axureの資料をチームの制作につなげる

Axureで生成したHTMLフォルダをZIPにまとめ、Pixsoに取り込めます。画面を修正する場合は編集用、元の操作を確認・共有する場合はプレビュー用の取り込み方法を選びます。

移行が簡単
エクスポートしたファイルを取り込む
  • AxureからHTMLを出力し、フォルダ全体を暗号化せずにZIPへ圧縮します。PixsoのワークスペースでAxureの取り込みを選び、ファイルを追加してください。
  • 取り込んだ画面の文字、画像、レイアウトを確認し、制作に必要な箇所から整えます。
ワンクリックインポート バッチインポート
クイックインポート ファイルバージョン管理
チュートリアルを見る
プロトタイピングに加えて、
画面の編集からレビューまで
  • レイアウトを調整し、画面上にコメントを残して変更内容を共有できます。プロトタイプを再生すれば、画面間の移動もチームで検討できます。
  • コンポーネントに説明や関連資料のリンクを添えると、部品の用途や実装時の注意点を伝えやすくなります。
コンポーネントのレイアウト コンポーネントの説明
取り込み後の画面を調整 複数のスライスのエクスポートをサポート
無料でお試しください
チームで制作とレビュー
同じファイルで共同編集する
  • 編集権限を持つメンバーが同じ画面を修正し、変更をリアルタイムで確認できます。
  • ブラウザで共有ファイルを開き、制作やレビューを進められます。担当者への質問を画面上のコメントに残せば、指摘とデザインを対応させて管理できます。
共同編集者を招待する リアルタイムで更新する
コメント&フィードバック リンクで引き渡す
無料でお試しください
エンタープライズの展開
組織の運用に合う共有と管理
  • 編集する人と確認する人の権限を分け、チームの資料へアクセスできる範囲を管理できます。
  • 独自の保存環境やシステム連携が必要な場合は、プライベート環境への導入と運用支援について相談できます。
カスタマイズの展開 チームメンバー管理
チームリソース管理 チームデータ分析
無料でお試しください
エンタープライズグレードの大量移行
チームの画面を使って制作とレビューを試す

画面と操作をつないでプロトタイプを作成

クリックやタップに応じた画面遷移を設定し、主要な操作の流れを確認できます。通常時に加えて、入力エラーや空の状態も用意すると具体的なレビューにつながります。

自動レイアウト
オートレイアウト

要素の間隔、余白、サイズ変更のルールを設定できます。文字量や部品の数が変わっても、設定に沿って画面を整えられます。

レスポンシブサイズ変更
画面サイズに合わせた構成

対象のデバイスに合わせてフレームを用意し、広い画面と狭い画面で文字や要素の配置を確認できます。

インタラクション機能
画面遷移とインタラクション

ボタンを押した後の遷移やオーバーレイを設定し、ユーザーが目的の作業を終えられるか試せます。

コンポーネントのサムネイル
コンポーネントを探して再利用

一覧のサムネイルから使いたいコンポーネントを探せます。共通の部品を再利用すると、画面を追加する際も同じ基準を保ちやすくなります。

コメント&フィードバック
画面上のコメント

確認してほしい位置にコメントを残し、担当者と修正内容を話し合えます。対応した箇所を同じファイルで確認できます。

ハンドオフプロセスをスムーズに
開発者への共有

開発者は要素の寸法、色、文字スタイル、コード情報を参照できます。動作や例外の説明も添えて、実装に必要な資料を共有しましょう。

既存のデザインファイルを活用

Figma、Sketch、Adobe XDなどの対応形式を取り込み、画面の編集とプロトタイプ制作を続けられます。移行後の構造を代表的な画面で確認すると、チームの作業を整理しやすくなります。

figma logo

Figmaのファイルを取り込み、既存の画面や素材を制作に活用できます。

バッチインポート
sketch logo

Sketchのファイルを取り込み、画面を編集してプロトタイプを作成できます。

バッチインポート
xd logo

Adobe XDのファイルを取り込み、チームで画面の調整とレビューを進められます。

バッチインポート

制作とフィードバックを同じ場所に

企画担当者、デザイナー、開発者が同じ画面とコメントを参照できます。Axureの資料やFigma、Adobe XD、Sketchの対応ファイルを活用し、画面の制作からレビュー、開発者への共有へつなげましょう。

ファイルの互換性

既存ファイルの活用

ツール間の移行

画面の移行と調整

チームのコラボレーション

チームの共同編集

ダイナミックなプレゼンテーション

プロトタイプのレビュー

ワンクリックで引き渡す

開発資料の共有

プロダクトマネージャー、デザイナー、開発者の共同作業 left streamer right streamer