タグ

2024年4月16日のブックマーク (2件)

  • 実践で覚える!Figmaのオートレイアウト機能 | Pentagon Blog

    こんにちは、株式会社PentagonでUIデザイナー/Webデザイナーをしている小牧です。 Pentagonでは、「Figma」というデザインツールを使って制作を行っています。 色々と便利な機能が多いFigmaですが、中でも「オートレイアウト」という機能はこのツールの一番の強みです。 この記事では、デザイナーにとってもエンジニアにとっても嬉しい機能「オートレイアウト」の使い方を、実際にデザインを作成しながら解説していきます。 【こんな人に読んで欲しい】 Figma初心者の方 オートレイアウト機能の使い方を知りたい人 Figmaのデータを扱うコーダー 【この記事を読むメリット】 Figmaのオートレイアウト機能を、実際のデザイン制作過程で学べます。 コーダーの方は、Figma上でどこの数値を見れば良いかがわかります。 【結論】 Figmaのオートレイアウトを使えば、文章量やブラウザサイズの変

    実践で覚える!Figmaのオートレイアウト機能 | Pentagon Blog
    faibou
    faibou 2024/04/16
  • Figmaのオートレイアウトを完全に理解した話|UI/UXデザイナー うっくん

    どーもーUI/UXデザイナーのうっくんです。 ちょっと前にFigmaにオートレイアウトという機能が追加されました。 最初は、「おー、ボタンの長さがテキストに追従して変えられるのかー」としか思ってなかったのですが、実際に使ってみると実はもっと強力な機能でした。 オートレイアウトの基機能。コンテンツの大きさに応じて、コンテナの大きさが変わる。今までは、いちいち赤い背景の部分もデザイナーがリサイズしなおさないといけなかった。めんどくさいので、プラグインなどを使っている人が多かったこれがとても実用的で、業務効率も上がりそうなので、すでに実戦投入しています。 かなり使いこなせてきたので、そのポイントを以下の3段階に分けてご紹介していきます。 1. 基機能, 2. 発展系、そして、3. 現時点ではできないこと これを読めば「オートレイアウト完全に理解した」と言えるようになります。Figmaのオート

    Figmaのオートレイアウトを完全に理解した話|UI/UXデザイナー うっくん
    faibou
    faibou 2024/04/16