タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
// Define the layout constraints using VFL syntax: var constraints = AutoLayout.VisualFormat.parse( [ 'H:|[view1(==view2)]-10-[view2]|', // The horizontal aspect of the layout 'V:|[view1,view2]|', // The vertical aspect of the layout ], {extended: true}, ) // Create a view, uses the constraints to calculate the actual positioning and sizing of spaces in the layout: var view = new AutoLayout.View({
こんにちは！ UIデザイナーのmarinです。 2019/12/6 にFigma がアップデートし、Auto Layoutという機能が搭載されました。このAuto LayoutをFigma ユーザーの皆様がどう活用しているか知りたくて、まずは自分から紹介してみようとこの記事を書いています。 Auto Layoutとはその名の通りなのですが、UI上のサイズ変更やオブジェクト等の入れ替えを自動的に調整してくれる機能です。Sketch にもSmart Layout というよく似た機能が実装されていますね。 XcodeのAuto Layoutや、CSSのFlexboxと同じような挙動をしてくれます。 Auto Layout化することで何が便利なのかUIデザインは基本的に試行錯誤の連続で、一度作ったデザインを変えないということはありません。完成するまで常に試行錯誤を重ね、もちろん完成した後もユーザー
はじめに この記事は新しい技術にチャレンジし続けるpalanのアドベントカレンダー 3日目の記事です。 昨日は 『figmaがもっと便利になるプラグイン5選とその使い方』 という記事をご紹介しました。 figmaがもっと便利になるプラグイン5選とその使い方 本記事では2020年11月19日にアップデートされたFigmaのAuto Layout機能についてご紹介します。 新しくなったAuto Layoutで何ができようになったのか、Auto Layoutを使いこなしたい方に向けた記事になります。 なお、Figmaの公式ブログの記事「Behind the feature: the making of the new Auto Layout」でも、Auto Layoutのアップデート内容について解説されているので、ぜひご覧ください。 Auto Layout機能とは 複数のオブジェクトが隣り合わせ
2020-06-14 追記： CamTwist よりも OBS の方が圧倒的に高機能で使いやすいので、OBS を使う方法に変更しました。 また、Zoom の Mac 版は 5.0.4 から再びバーチャルカメラが利用可能になったとのことですが、残念ながらそれはバーチャルカメラのホワイトリスト形式での利用可能で、OBS Mac VirtualCam Plugin はそのホワイトリストに含まれていないため、現状はこれまで通り手を加える必要があります。詳しくはやり方の 5.1. で説明します。 2021-10-11 追記： おかげさまでこの記事も多くの方にご参考にできてとても嬉しいですが、内容が若干古くなり、いくつか手間だった処理が必要なくなりました。 必要だったものが必要なくなったものに関しては、内容を読めば多少混乱をするかもしれませんができないことはないと思って修正せずに放置してきましたが、よ
よりわかりやすく、柔軟にデザインできるように改善されたAuto Layoutに Auto Layoutとは、フレームやコンポーネントに追加できるプロパティのことです。 テキストサイズの変化に応じてサイズが変わるボタンやカード、他のインターフェイス要素などを作ることができます。 また、これらのレイアウトコンポーネントを組み合わせることで、様々なデザインに応用できるデザインを作成できます。
デザインツールであるFigmaを利用する上で、レスポンシブなデザインを作成するのに役立つ機能を紹介します。「Auto Layout」「Constraints」の機能を活用すると、デザインのサイズ変更が必要となったとき、手軽に調整できるようになります。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
