AutoLayoutの検索結果1 - 3 件 / 3件

• あとで読む

  FigmaのAutoLayout入門 - エンジニアに伝わるデザインを作ろう - ICS MEDIA

  • 288 users
  • ics.media
  • テクノロジー
  • 2021/10/15

  日本でもメジャーなデザインツールとなった「Figma」。前回の記事『FigmaのSmart Animateを活用したプロトタイプ入門』では、簡単にアニメーションを実現できる「Smart Animate」機能を紹介しました。 本記事ではデザイン制作とその後のコーディング作業を強力にサポートしてくれる「Auto Layout」について詳しく紹介します。「Auto Layout」はデザインを効率よく進められるだけでなく、デザイン段階でHTML・CSSコーディングの参考になる情報を追加できます。 デザイン段階での使い方はもちろん、Figmaでデザインを受け取ったエンジニアがどう考えて実装していくべきかまで紹介します。デザイナーはもちろん、Figmaで作られたデザインファイルを受け取る可能性があるエンジニアの方も是非ご覧ください。 Auto Layoutとは 「Auto Layout」とは、設定した

  • Figma
  • デザイン
  • あとで読む
  • レイアウト
  • エンジニア
  • design
  • ツール
  • css
  • webデザイン
  • Layout

  
• あとで読む

  Figma による AutoLayout でデザインを作成することの重要性 - Insight Edge Tech Blog

  • 6 users
  • techblog.insightedge.jp
  • テクノロジー
  • 2023/05/08

  はじめまして！ Insight Edge で UI/UX デザイナーとして働いている佐藤と申します。 IT の業界におられる方はご承知の通り、UI デザインツールは様々存在し日々進化をしてきました。 Adobe XD、Sketch、Figma と様々、実務の中で導入し使用してきた中で、コンポーネント作成やプロトタイプ作成、リサイズやレスポンシブデザイン、そしてエンジニアへインスペクト連携する際などの効率性などの視点などから、現時点で最も優れているツールは、Figma が頭ひとつ抜きん出ている印象に感じております。 そこで、この記事では、Autolayout によるデザイン作成などを中心に、使い方や作り方の基礎をお話出来ればと思います。 AutoLayout は業務の効率化に繋がる AutoLayout を使いこなす上での基本的な機能 拡大縮小時に便利なフレーム設定 起点を設定する方法や設定

  • あとで読む

  
• あとで読む

  【iOS】超入門！AutoLayoutで楽々パーツ配置！！｜ 開発者ブログ ｜ 株式会社アイソルート

  • 3 users
  • www.isoroot.jp
  • テクノロジー
  • 2021/10/22

  【Xcode】超入門！AutoLayoutで楽々パーツ配置！！ iOS開発を行うにあたって、AutoLayoutは必ず必要になります。 それがなぜ必要で、どのように使用するのか解説します。 こんにちは！クラウドソリューショングループ２のurushibata.aです。 私はiOS開発を始めた頃、以下のような状態でした。 AutoLayoutのメリットがわからずに使用している。 Storyboard上でパーツを配置するときに、絶対座標で並べている。 Add Missing Constraintsを使用して、パーツを配置している。 これらは直ちに改善しなければならない事柄です。 ただ、以前の私と同じように、理解していないで取り組んでしまっている人は意外と多いのではないでしょうか？ そこで、本記事ではAutoLayoutの利点や使用方法について簡単にまとめました。 そもそもAutoLayoutはな