さいとう| Designer

北国で生きるWebデザイナー🥶 Web制作会社デザイナー兼ディレクター💥→事業会社インハウス→Web制作会社デザイナー|フルリモート | 株式会社エムハンド

[さいとう| Designer @saitou_design]

figmaモーション試しにやってみた💡手動であれこれいじって設定しなくてもここもうちょっとこうしたい…に応えてくれるエージェントが優秀で驚き。ふわっと、広がるように、みたいな感覚的な言葉でもわりとイメージ通りになる…！どこまでできるのか未知だけど実務でも活用してみたい。

[エムハンド 広報 @mhand_PR]

【WORKS／実績紹介】

📌 株式会社MT-D

MT-D様の採用サイトをリニューアルしました。「楽しめるは、強みだ。」をコピーの軸に、仕事内容の説明ではなく“楽しみながら挑戦する人が集まる会社”として見せる設計にこだわりました。

[ばびお（デザイン） @babio_design]

デザインに疲れた人。
寝ましょう。散歩しましょう。友達や家族と話しましょう。デザイナーは人の感情に深く入り込むので、心が疲れます。性質的に繊細な人が多いです。本来何日も連続して出来る仕事ではありません。しっっっかり休息を取りましょう。そしてまた最高のデザインしましょう。

[さいとう| Designer @saitou_design]

今週もお疲れ様でした。週末は知り合いのフォトグラファーさん主催のフォトコンテストに初参加してきます📸

[エムハンド 広報 @mhand_PR]

💥NEXT／MVデザインのトライアル💥

📌確かな視点で価値を見極める。

過去の投稿はリプライで👇

[エムハンド 広報 @mhand_PR]

【WORKS／実績紹介】

📌 トラスト相続専門税理士事務所
https://t.co/ZZ2uBFCmek

トラスト相続専門税理士事務所様のコーポレートサイトを制作しました。実績の多さと専門性の高さを示し、未来を託せるプロとしての信頼感と安心感を伝えるサイトを目指しました！皆様の感想をお聞かせください🙌

[エムハンド 広報 @mhand_PR]

【WORKS／実績紹介】

📌 株式会社SunGrowing
https://t.co/5NW28HD0eW

株式会社SunGrowing様のコーポレートサイトをリニューアルしました。自社ブランドで培った実践知をもとに、思考と実行を重ね企業成長を支える信頼感を伝えるサイトを目指しました！皆様の感想をお聞かせください🙌

[さいとう| Designer @saitou_design]

最近嬉しかったこと。自分が作ったロゴがお客さんにすごく気に入っていただけたようで追加制作のご依頼をいただけた🙌✨️こういうふと飛び込んでくる喜びでまだデザイナーを続けていたいと思える。

[エムハンド 広報 @mhand_PR]

💥 WORKS／自社サイト💥

自社サイトを新たに公開しました 🌈

教育理念や想いを伝わるカタチに翻訳する
ノウハウとスタンスの集大成です 🙌

● https://t.co/r93RK6fnMa

[エムハンド 広報 @mhand_PR]

【WORKS／実績紹介】

📌 金沢合同会社・金沢合同会計事務所
https://t.co/LZPb0x7gDM

金沢合同会社様・金沢合同会計事務所様のコーポレートサイトを制作しました。承継課題の相談パートナーとしての信頼性を伝えるサイトを目指しました！皆様の感想をお聞かせください🙌

#Webデザイン #Web制作

[さいとう| Designer @saitou_design]

figmaスロット何なのか全然わからずモヤモヤしてましたが一気に理解が進みました！ありがとうございます💡

[❖ ken｜旅するデザイナー @ken_tbdz]

FigmaのSlots（スロット）クイック解説💫

Slots（スロット）とは？
・コンポーネント内に作れる「自由に中身を変えれる領域」
・インスタンスを解除しなくても、コンポーネントの構造を保ったまま中身を柔軟に変更できる。

どんな時に使う？
・例えばこの動画のように、リストやフォームなど 繰り返し使う要素の一部だけレイアウトを変えたいとき。
・モーダルやカードのように、ベースは決まってるけど中身のレイアウトパターンがたくさんあるとき。

今まではどうしてた？
今までは複数パターンを含んだマスターコンポーネントを作って、表示させたくないレイヤーを隠したり、全パターンのバリアントを作って切り替えていた。
こうした複雑な管理を減らすことができる。

何が期待できる？

1. コンポーネントを解除しなくて済む
レイアウトを変えたいがためにコンポーネントを解除する必要がなくなる。

2. デザインシステムがシンプルになる
バリアント数を大幅に減らせるため、ライブラリが整理できる。

3. コード構造に近くなる
Reactなどのslots構造に近い設計になるため、開発との対応が取りやすくなる。

スロットの追加方法
コンポーネント内のフレームを選択して、
1. 画面右上「フレーム」横の「＋」→ プロパティを作成
または
2. 右クリック → スロットに変換
または
3. ショートカット
・Mac：Command + Shift + S
・Windows：Ctrl + Shift + S

でも自由度が高すぎて何を入れたらいいか分からない...
その場合は「Preferred instances（優先されるインスタンス）」を設定して、スロット内で使う要素を指定することもできる。

いつから使える？
・今週からオープンベータとして順次ロールアウト予定。
・フルシートユーザーであれば利用可能。

---

以上です。
役に立ったら、いいねや保存してもらえると嬉しいです！

[さいとう| Designer @saitou_design]

そういえばネットが切れた時に出てくる恐竜をジャンプさせるゲーム…昔会社で復旧するまでの間新記録を出そうと頑張っていました。何の意味のないことをなぜか頑張ってしまう心理…不思議

[さいとう| Designer @saitou_design]

遊ばせていただきました🙌なぜかずっとやってしまう中毒性がありますね…！

[岩松翔太｜M-HAND, Inc. @IwamatsuShota]

💥PIXEL RUSE／ゲームサイト💥

Claude Codeで壁抜けピクセルパズルのゲームサイトを開発しました。業務効率化の波と対極にある非効率極まりない、何の変哲もない...壁を通り抜ける一瞬の判断を養うゲームです。開発者の私は2030点が最高得点でした！是非超えてください🙌

● https://t.co/Mr1HSdbo0s

[エムハンド 広報 @mhand_PR]

【WORKS／実績紹介】

📌 株式会社オールクイック
大阪市を拠点に、全国規模で給水ポンプの工事・通信販売を行っている、株式会社オールクイック様の給水ポンプLPをリニューアルしました。企業の強みや魅力をわかりやすく示し、高い専門性が伝わるサイトを目指しました🙌

詳細はリプライで👇

[すぎそん｜デザイナー @suuun82]

デザインのフィードバックを受けるのって、正直ほんとにつらいですよね。良いと思って作ったものが否定されるわけだから。その気持ち、すごく分かります。私も同じ経験を何度もしてきて、めちゃくちゃ泣いてました。笑

でもね、やっぱりこのフィードバックがないと成長できない。そして一番怖いのは、何も言われない/聞かないまま、そのままになってしまうこと。

変わらないまま長い時間が過ぎると、あとから取り戻すのは本当に大変です。だから私は、フィードバックはすごく大切なものだと思っています。

[エムハンド 広報 @mhand_PR]

【WORKS／実績紹介】

📌 相続手続き支援センター長崎
九州最大級の税理士法人を母体としている、相続手続き支援センター長崎様のコーポレートサイトをリニューアルしました。「ここなら解決してくれる」という安心感を伝えるサイトを目指しました🙌

詳細はリプライで👇

[エムハンド 広報 @mhand_PR]

💥 WORKS／自社サイト💥

自社サイトを新たに2サイト公開しました 🌈
成果に向き合うエムハンドの真骨頂です 🙌

● https://t.co/9kuMwyKFgT
● https://t.co/Mcnn9wJYlB

[岩松翔太｜M-HAND, Inc. @IwamatsuShota]

👋実績紹介👋

日本バイリーン株式会社様のコーポレートサイト制作をM-HANDで担当させていただきました。私はアートディレクション・デザイン領域を担当。弊社一丸でミッションの体現を目指しました。担当ディレクターは順一さん → @junnchann_💥関係者の皆様に大感謝 🙌

● https://t.co/iQLvFN1JCQ

[さいとう| Designer @saitou_design]

昨日ちらっと配信でみたFigma Sitesがすごすぎた。コーディングなしでデザインから公開まですぐできてCMSやSEOにも対応しているとは…！データ管理や複雑なデザインは難しいなど懸念もあるけど、より完成系に近い実装イメージを伝えるとかなら使える可能性ありそう

[カップヌードル @cupnoodle_jp]

修正になんでも応えてくれるデザイナーさんが上司からの「チーズ感が足りない」というダメ出しに全力で応えてくれた結果…ミルクシーフードヌードルの広告がこのような形になりました！