人にコーディングをお願いするとき、簡単なデザインでも使用したカラーとフォントをまとめてデザインの横に添えるんだけど、私がコーダーでもこれがあったら嬉しいから広まったらいいなぁ・・笑 特にFigmaでAdobeフォント使われると探すのが大変だから、リンクがあったらもっと嬉しい・・

Figmaのプラグイン「Tabler Icons」 figma.com/community/plug… 5,000点以上のアイコン素材が商用フリーで使えるみたいです！ 使ってみた感じシンプルなテイストのアイコンで統一されていて汎用性が高そうです。 特に線の太さを設定できるので使い勝手はかなり良さそうですね👀

Canvaから2026年のデザイントレンド予想が10個出ましたね👀 canva.com/design/DAG7K3w… ▼トレンド名 ・リアリティーワープ • プロンプトパーク • エクスプロアコア • テクスチャチェック • メモアプリシック • オプトアウトエラ • ドラマクラブ • レトロウェーブ • ZINEガイスト •

最近画像生成を使っていて思うんですが、新規の画像生成はgemini 既存の画像の修正はgenspark という感じです使い分けると思った通りの画像に仕上がりやすいです。

noteを更新しました！ 今回はFigmaで透明グラデーションの作り方です。 透明グラデーションを使った活用例も乗っているのでぜひ〜！ note.com/figfig_0527/n/…

グラデーションをもっと楽に作りたい方。 「単色＋黒グラデ」の組み合わせがオススメです。 下の単色カラーを変えるだけで、綺麗なグラデーションを無限に使い回せます。 修正にも強いのでおすすめ！ 詳しい作り方は動画にまとめました👇 #Figma #Webデザイン #UIデザイン #ボタン

UI/UX

より鮮やかなボタンを作りたい方へ。 「単色＋黒グラデ」で色を重ねた後に黒グラデの描画モードを『オーバーレイ(Overlay)』にしてみてください。 濁りのない綺麗なシャドウが作れます！ あとは下の色を変えるだけでOK！ ※色によって相性はありますが、ハマると最強です。

これは最近意識するようになりました。 初稿に関してはクオリティは大事ですが、まず早めに出してデザインの方向性の認識を擦り合わせた方が良いので、7割程度で出すようにしています。 向こうが求めていないデザインを何時間を掛けて作っても、即修正になるので心身共に疲弊していたので。

Figmaで画像にリッチ感を出したい方へ。 画像の上に「両端を透明にした白グラデーション」を乗せて、描画モードを『明るさをプラス(Plus lighter)』にしてみてください。 いい感じの光沢が表現できて、一気にクオリティが上がります。 特に暗めの画像や高級感を出したい時にオススメです！

noteを更新しました！ 今回は「Figmaで写真に透明グラデーションをかける方法」です。 Photoshop使わなくてもマスク機能で簡単にできます。 活用例も3つ紹介してるので参考にしてみてください〜！ [NoteのURL] note.com/figfig_0527/n/…

1は特にFigmaの扱いに慣れていないクライアントに渡すときに大事ですね！ Figmaのリンクをそのまま渡すとリンクを開いたときに成果物が見えなくて、「どこだ？」って迷うこともあるので…。

一晩寝かせるはめちゃ分かります！ 朝起きてふと自分のデザインを見ると「あれ？これってこっちの方が良くね？」ってなりますね😂 あとはシャワーを浴びる、散歩するもオススメです。

Figmaで画像をふわっと丸く切り抜く方法

Figmaで画像を鏡面反射する方法

これってデザイナー側がどれだけクライアントの欲しいデザインを理解して作れているのか？ 要はちゃんとヒアリングができているのか？という問題なのかなと思いました🤔

Figmaで画像と背景の境界線をぼかしてキービジュアルを作る方法 シンプルですが可読性の高いFVなどを作りたいときにオススメです！

Figmaだと大容量の画像はサイズが縮小されてしまう問題ですが、「Insert Big Image」プラグインを使うと大容量のままFigmaに表示できるのでオススメです！ figma.com/community/plug…