UXPinにログインされた方は、新機能やアップデートに気づいた方もいらっしゃるのではないでしょうか？この記事では、 それらをまとめてご紹介していきます。

インタラクティブコンポーネントを使ってデザインしてみましょう。UXPin Mergeについての詳細はこちら。

QRコードを読み取ってモバイルプロトタイプをプレビューする

プロトタイプをプレビューする新しい機能です。プレビュー画面に表示されるQRコードを読み取り、モバイル版でのデザインを共有できます。UXPin Mirrorアプリを開き、プレビュー画面に表示されるQRコードをスキャンし、実物に近いデザインでテストができます。

作成者および担当者でのコメント検索

特定の作成者または担当者が残したコメントを検索することができます。この機能はメールのドメインでも検索可能です。そのため、@uxpin.com から誰かがコメントを残した場合、何度もスクロールすことなく簡単に見つけることができます。

色やフォントの検索と置換

UXPinのレイヤーパネルでは、ページ内にあるフォントやカラーを検索できるようになりました。一致するコンポーネントのリストが表示されるため、そこから調整または置換が可能です。

Font Awesome のアップデート

Font Awesomeは最もよく使われているアイコンライブラリの一つです。こちらは最新バージョン6にアップグレードされました。

選択したページをエクスポート

一括でエクスポートする以外にも、新たに保存または送信したいプロトタイプのページを選択してエクスポートできるようになりました。

プロトタイプの背景をぼかす

機能的でデザインをより美しくするために、要素の背景をぼかすことで、「前面に出す」ものをコントロールすることができます。これによってデザインに視覚的な階層を与えたり、ユーザーの注意を誘導したり、非アクティブな要素やアクセスできない要素を識別ができるようになります。

デザインプロセスに革命を起こしましょう

今回ご紹介した アップデート や機能内容はすべて、デザイン作業をよりスムーズにするものですが、これらだけでは効率的なデザインハンドオフの実現やデザインに関するジレンマのすべては解消されません。ここでUXPin Mergeの出番です。UXPin Mergeは製品開発プロセスでの課題を解決するオールインワンソリューションです。気になった方はこちらのページからお気軽にお問い合わせください。

The post 【UXPin】新機能 および 製品アップデート のお知らせ appeared first on Studio by UXPin.

こちらのブログでは、UXPinにある３つの機能「リンクの挿入またはスタイル変更」、「スポイトツール」、「コンポーネントのprops変更」での新しい方法を紹介していきます。

🔍 グループ化された要素のスペックを確認

コンポーネントを１つずつ調べるという方法以外に、オートレイアウトで追加されたものも含め、グループ化された要素のborder、radius、CSSなどのスペックを確認できるようになりました。

🔗 リンクをより細かく設定

1つのテキストボックスに、一部の文字、文字列、または段落全体にクリッカブルURLを追加することができます。テキストを選択してURLを追加するか、プロトタイプ内の他のページのリンクも挿入でき ます。

それだけではありません！お持ちのデザインシステムに合わせてハイパーリンクのスタイルを設定できます。これからは今まで以上に「本物に近い」プロトタイプにしましょう。ぜひ今すぐお試しください。

👁️ よりスムーズになったEye-Dropper

より使いやすさがアップグレードされたスポイトツールをご堪能ください。色を選ぶとき、スポイトを一度選択すれば、色を調整でき、何度も選択し直す必要はありません。デザインのステップが１つ減りますね。

🔢 Merge：数値propsの小数点以下の桁数を設定

Mergeを使っている皆さん、Grid（flex）のような数値プロップを持つコード化されたコンポーネントに対して、プロトタイプをより正確にするために小数点以下の桁数を追加できるようになりました。

UXPin Merge の詳細はこちら。

🖱️ Merge：選択した要素にJSXコードを埋め込む

高度なMergeコンポーネントをより速く作成しましょう！Mergeでコンポーネントを選択し、JSXコードを別の要素のノードプロパティに渡してください。これはUXPinのキャンバスとライブラリで機能し、プロトタイプを作成するときに便利です。

🫣 Merge：ネストしたコンポーネントを隠す

入れ子になっているコンポーネントを非表示にしたい場合、グループを解除したり、完全に削除する必要はありません。ネストしたコンポーネントのレイヤーを非表示にするトグル・インタラクションを追加してください。

UXPinで新しいアップデートをお試しになりませんか。早速無料でサインアップして、インタラクティブなプロトタイプを作成しましょう。

The post UXPin ２０２３年 最新アップデート appeared first on Studio by UXPin.