#UIデザイン
Figmaのconstraints徹底解説
どうもーUI/UXデザイナーのうっくんです。
以前、Figmaのgroupとframeの違いについて書いた記事が評判でした。
そこではサラッとしか説明しなかったのですが、つまづく人も多そうなので、今回はconstraintsについて解説してみようと思います。
constraintsとは
「constraintsってなんやねん。日本語でおk」と思いますよね。安心してください。そういう方の為に
Figma でモーダルやポップアップ等の状態変化をプロトタイプする
こんにちは！ UIデザイナーのmarinです。
1年半前にメインデザインツールをFigma に移行した際の記事を書いたのですが、理由のひとつにプロトタイピングがしやすいことを挙げていました。
今回はその件についての深堀りを、Figma のプロトタイプを実際の業務でどのように用いているのか例を挙げて書きます。
※Figma のプロトタイプが初見の場合は、公式のFigma Tutorial: Pro
Figma のAuto Layout機能を適応して楽をする
こんにちは！ UIデザイナーのmarinです。
2019/12/6 にFigma がアップデートし、Auto Layoutという機能が搭載されました。このAuto LayoutをFigma ユーザーの皆様がどう活用しているか知りたくて、まずは自分から紹介してみようとこの記事を書いています。
Auto Layoutとはその名の通りなのですが、UI上のサイズ変更やオブジェクト等の入れ替えを自動的に
NewsPicks UIデザイナーのFigma利用フロー大公開！
自己紹介NewsPicksでUIデザイナーをしております。つづく（ひらい） ともこと申します！
初note投稿なので、本題に入る前に軽く自己紹介をさせていただきますm
2016年に武蔵野美術大学デザイン情報学科卒業後、ヤフー株式会社に新卒デザイナーとして入社しました。
ヤフーでは広告管理ツールのUIデザインやCtoCサービスアプリのデザインなどに携わりました。
そして今年の6月末でヤフーを退
小さな組織でのFigma活用 - Figma導入phase3
「デザイナー組織が整っていない環境で、Figmaをどのように活用していこう？」
「そもそもデザインチームで働いたことないし、どこから始めたらわからない！」
弊社では半年ほど前にFigmaを導入して、こんな悩みを抱えながら少しずつ整備を進めてきました。まだまだ絶賛常時模索中ですが、今回その模索から一旦ここ数ヶ月色々と試してようやくある程度型ができてきました。
（これまでの模索）
今回これらの模
【Figma公式推奨】使い方ではなく、運用方法マニュアル2024年版
世の中のFigmaの日本語ドキュメントがショートカットや基本機能の解説に終始していることで、毎回チームに運用マニュアルをインストール必要が出てきて辛いのでこちらにオープンドキュメントとしてまとめておきます。
コピペしてアップデートしてもらって大丈夫です。各社のNotionページにPullしてあげてください。
あくまで現状のFigmaの仕様の前提で個人的な運用最適解としての見解です、こういったた
Figmaを導入して変わった5つのこと｜使い方・事例・記事まとめ
スマートキャンプデザインブログ、Designer / Engineer のhaguriです。
スマートキャンプでよく使用するデザインツールにFigma（フィグマ）というツールがあります。過去にも数回、Figmaに関する記事を書いてきました。
Figmaの導入後からしばらく経ち、会社全体で5つの変化が生まれました。
今回はFigmaによるコラボレーションやデザインワークの変化について、スマートキ
Figmaのオートレイアウトを完全に理解した話
どーもーUI/UXデザイナーのうっくんです。
ちょっと前にFigmaにオートレイアウトという機能が追加されました。
最初は、「おー、ボタンの長さがテキストに追従して変えられるのかー」としか思ってなかったのですが、実際に使ってみると実はもっと強力な機能でした。
オートレイアウトの基本機能。コンテンツの大きさに応じて、コンテナの大きさが変わる。今までは、いちいち赤い背景の部分もデザイナーがリサイ
Figmaのframeとgroupの違い
前回のFigmaに関するnoteがバズったので調子に乗ってまたFigma関連の記事を書きたいと思います。
前回の記事↓
私がSketchからFigmaに切り替えた時に最初に「ファッ？」ってなったのが、frame(フレーム)とgroup(グループ)の違いです。
みなさん、なんとなくでやってませんか？
実は似て非なる機能を持つ、frameとgroup。今回はこの二つの違いについて徹底的に解説して