2024年8月の製品 アップデート

ペーストと置換、UXPin MergeのFlexbox などの新機能や、ユーザビリティとユーザー管理のアップデートなど、ここ2ヶ月の間に UXPinでリリースされた製品のアップデートをご紹介します。

ペースト&置換

Mail 6

この機能を使うと、要素をクリップボードにコピーし、キーの組み合わせでキャンバス上にある要素と入れ替えることができます。要素を削除して代わりに別の要素を貼り付けるのではなく、「Ctrl(コマンド)+C」でコンポーネント、画像、図形などをコピーし、「Ctrl(コマンド)+V」キーの組み合わせで別の要素の場所に貼り付けます。また、コード化されたコンポーネントにも使えます。

新しいキャンバスサイズの使用

Mail 5

ユーザーは、Figma のようなアートボードではなく、キャンバスを使って作業しますが、新しいプロジェクトを開始するとき、デスクトップアプリケーションであれ、デザイン目的に合わせてキャンバスの調整が必要です。その際、右側のプロパティパネルでそれができます。

(iPhone 15 Maxのような)デバイスフレームに対応した新しいキャンバスプリセットが追加されました。また、それぞれの新しいキャンバスサイズに対応するデバイスフレームも用意されています。

グリッドスタイルの設定

Mail 4

UI デザインやデザインシステムにおけるグリッドは、ページ上のコンテンツを整理するのに使われる構造的なフレームワークであることから、さまざまなデバイスやスクリーンサイズ間での一貫性とアラインメントが保証されます。

グリッドは、UI(ユーザーインターフェース)のレイアウトにおいて基礎的な要素として機能し、デザイナーはバランスが取れて整理された、美しいデザインを作成することができるようになります。

UXPin では、定義済みのグリッドを設定し、デザインシステムライブラリに追加できるようになりました。つまり、標準のグリッドスタイルを設定することでプロジェクトで使い回すことができます。

「</>Get Code(コードを取得)」のボタンでスペックにアクセス

Mail 9

エディタの右隅に 「</>Get Code(コードを取得)」という新しいボタンが追加されたことにお気づきかもしれません。このボタンで、クリック一つで製品のインターフェースを構築するのに必要な仕様をすべて見つけることかができる「Spec(スペック)モード」に、これまで以上に速く行くことができます。

UXPin では、さまざまな仕様が用意されています(詳しくはドキュメントをご覧ください):

  • レッドライン
  • グリッド
  • スタイルガイド
  • キャンバスサイズ
  • カラー
  • タイポグラフィ
  • アセット
  • CSSコード
  • 依存関係を含む JSX コード

プロジェクトグループのユーザー管理

update02

これで、アカウント所有者と管理者は、プライベートグループも含めて、アカウントに作成されたすべてのプロジェクトグループを見ることができ、プライベートグループを所有していたメンバーがチームから削除されると、所有権は自動的にアカウント所有者または管理者に移ります。

この機能は、Advancedプラン、Enterpriseプラン、および Mergeのユーザーにアクセス要求に応じて提供しています。

Merge コンポーネント向けフレックスボックス

update01

Flexbox は、コンテナ内のアイテムをレイアウト、整列、スペース配分する効率的な方法を提供する CSS のレイアウトモデルで、レスポンシブで動的なレイアウトを作成する際に特に便利です。

自動レイアウトのように機能する、コード化されたコンポーネント用の Flexbox が追加されました。右のパネルとコンテキストメニューにあり、これで位置合わせ、配置、要素間のギャップの設定、レスポンシブにコンポーネントを調整するのが簡単にできます。

ユーザビリティの向上

また、以下のような使い勝手の調整も追加されました:

  • エディタでのパネル管理 – より柔軟性を持たせるために、パネルの使用方法が微調整されており、「Pages & Layers(ページとレイヤー)」と「Design System Library(デザインシステムライブラリ)」のパネルを同時に開くことができる。
  • ネストしたコンポーネントの選択 – 「Get Code(コードを取得)」モードで、「Command/Ctrl」キーを押しながら、検査したいネストしたコンポーネントをクリックする。これで、「Layers(レイヤー)」のパネルを通して各コンポーネントを選択するという従来の方法と比べて、より速く1つ一つのコンポーネントを確認することができる。

ロードマップに追加する新機能の提案

UXPin では、常に改善し、ユーザーの体験をより良いものにしたいと考えています。素晴らしいアイデアや UXPin 製品に搭載してほしい機能がありましたら、ぜひお聞かせください。

皆様からのフィードバックは私たちにとって非常に重要です。小さな微調整でも、大きな追加でも、皆さんのご意見が UXPin の未来を形作る一助となります。しばらくUXPin をお使いでない場合は、無料トライアルをぜひご体験ください。

Still hungry for the design?

UXPin is a product design platform used by the best designers on the planet. Let your team easily design, collaborate, and present from low-fidelity wireframes to fully-interactive prototypes.

Start your free trial

These e-Books might interest you