インフラエンジニアを募集中です。XDWebデザインsito2018.06.29こんにちは。前回の終わりにSTUDIO触ってみたい的なことを書きましたが、ちょっとその前に、最近XDの進化が著しく、嬉しいアップデートが多かったので、そのへんの新機能についてまとめようと思います。以前から要望が多くあがっていたと思いますが、4月、5月のアップデートでプロトタイプ、デザインスペックの共有にパスワードを設定できるようになりました。プライベート共有(ベータ版)上記のパスワード保護に加えて、ベータ版ではありますが、招待した人にのみプロトタイプを共有できる、プライベート共有の機能も追加されました。プロトタイプ公開から、一番下にある、新規非公開リンクを選択します。「非公開リンクを作成」して、招待するメンバーを入力します。招待した相手には共有リンクがメールが届きます。招待しているメンバーはパネルで確認でき、削除もここからできます。固定オブジェクトついにきました!固定オブジェクトの設定が今月のアップデートで実装されました。固定したいオブジェクトを選択して、右のパネルにある「固定位置」にチェックを入れるだけです。固定オブジェクトと他の要素の重なり方はレイヤーの順番になります。アートボードのオーバーレイこれも待ち望んでいた機能ですね!プロトタイプモードでリンクをつなぐ際に、オーバーレイを選択できるようになりました。これで簡単に、展開メニューやモーダルなどの表現ができます。画像の塗りのトリミングと位置調整これまで、シェイプやパスに画像をドラッグ&ドロップしてマスクした場合、その画像のトリミング位置を調整することができませんでした。それが今月のアップデートから調整可能になっています。便利!シンボルの置換キャンバスに配置したシンボルを他のシンボルに置き換えたい場合、今まではひとつひとつ探して置換する必要がありましたが、アセットパネルからのドラッグ&ドロップで一括置換できるようになりました。複数アートボードにペーストコピーしたオブジェクトを、複数のアートボードを選択した状態でペーストすれば、選択したアートボード全てに対してのペーストが可能になりました。基本的にはコピー元と同じ位置にペーストされますが、コピー先のアートボードに十分な大きさがない場合には中央にペーストされます。登録されているアセットを右クリックして「カンバスでハイライト」を選択すると、カンバス上でそのアセットがハイライトされるようになり、使われている箇所が簡単に確認できます。カンバス上でアセットを右クリックし、「アセットのシンボルを表示」や「アセットの文字スタイルを表示」すると、アセットパネル上でハイライトされます。アセットパネルでのフィルター検索アセット検索の矢印アイコンから、アセットを、カラー、文字スタイル、シンボルでフィルターして表示できるようになりました。10など数式を入力すると、計算して表示してくれるようになりました。2など括弧のついた式にも対応してくれます。この他にもPhotoshopやSketchとの連携もどんどん強化されています。今後のアップデートにまた期待がかかりますね。XDsito2019.07.30はてブ参考にしたい!ローディングやオープニングアニメーションが素敵なサイトまとめWebデザインsito2019.04.25はてブバシャログ。Web制作スタッフによるブログです。「現場で使えるテクニック」をモットーに、Web制作全般についてお届けします。