Shimaさん UI/UXデザイナー

Unique Lab .inc / デザイナー講師 / UIUXデザイナー / UniqueBox管理人 デザインが好きで、デザインが好きな人が好きです！

[Shimaさん UI/UXデザイナー @Utdesign2]

Fable5

あとは言わんでも分かってました

4時間で今月分のクレジットなくなったから続き作れへんのでしょ？笑

詰みました

[Shimaさん UI/UXデザイナー @Utdesign2]

fable5

あとは言わんでもわかるやろ

[Shimaさん UI/UXデザイナー @Utdesign2]

fable5

あとは言わんでもわかるやろ

[Shimaさん UI/UXデザイナー @Utdesign2]

@yudesign3 27万😂

[Shimaさん UI/UXデザイナー @Utdesign2]

マイメロちゃんに投票しました！
#サンリオキャラクター大賞2026

[Shimaさん UI/UXデザイナー @Utdesign2]

Gemini 買いました🍌

[Shimaさん UI/UXデザイナー @Utdesign2]

@n_hazy 生きてます！動いてます！笑

[Shimaさん UI/UXデザイナー @Utdesign2]

毎年11月は運気がめちゃくちゃ悪い...

だからってわけじゃないけど

願掛け的に、毎年恒例で11月は普段しない勉強したり、遊びに行くのやめたり、いつもよりも前のめりで仕事を頑張ったりするようにしてる

で、昨日は深夜まで仕事して
目覚めたら13時やって詰んだ

もう何しても無理よ。。11月め。。

[Shimaさん UI/UXデザイナー @Utdesign2]

@yudesign3 アイコンが違う！笑

[Shimaさん UI/UXデザイナー @Utdesign2]

Google M3 更新👀✨

#UIデザイナー

[Google Design @GoogleDesign]

The future of Google's UX is here: M3 Expressive! ✨ It's not a new version, but an evolution of Material Design 3. Get ready to build products that connect with people on an emotional level. #MaterialDesign

[Shimaさん UI/UXデザイナー @Utdesign2]

作ったWEBデザインを
モックアップに即反映できるサイト👀✨

Morflax
https://t.co/L75Xni0gAA

▼ 360度 色んなアングルで撮れる
▼ 画像をアップロードできる
▼ 色んなデバイスを選べる
▼ 背景を選べる

#Figma #Webデザイン

[Shimaさん UI/UXデザイナー @Utdesign2]

WEBデザイン勉強オープンチャットを
開設してから3年目に突入しました🎉

オプチャイベントにTwitterの皆さんも
ご招待させていただきます😆✨

WEBデザイン勉強中の方や、
横の繋がりを作りたい方はぜひ参加していただきたいです〜✨✨

↓詳細見てほしいです😭
https://t.co/RyS4Vxheuz

[Shimaさん UI/UXデザイナー @Utdesign2]

サービス名決定した！！
こんな嬉しいのめっっっちゃ久しぶり！
ほんまに嬉しい！！

最後のピースがはまった音した！

あとはデザインに落とし込むだけ！
全部をデザインに落とし込むだけ！

ここに命を注ぎ込むだけ！！
ここに愛を注ぎ込むだけ！！

最高の花火にする！！！！！

[Shimaさん UI/UXデザイナー @Utdesign2]

@muuuuu_chang うわ、、
これは今の僕に響く言葉です😭
ありがとうございます💦

やる気に火がついたので
ついでに花火打ち上げます！

[Shimaさん UI/UXデザイナー @Utdesign2]

使用方法は超簡単✨

1. プラグインをインストール
2. Figmaでプラグインを起動して、
　 STUDIOにログイン
3. STUDIOに取り込みたいレイヤーやフレームを選択
4.「クリップボードにコピー」をクリック
5. STUDIOのプロジェクト上でペースト
6. 「インポート」ボタンをクリック

たったこれだけ〜！

[Shimaさん UI/UXデザイナー @Utdesign2]

「Figma to STUDIO」

Figmaで制作したデザインデータを
STUDIOへ取り込んで
ノーコードで実装できる神プラグイン

☆特徴
1. ボックスレイアウトへの自動変換✨
2. 自動でレスポンシブデザインに対応✨
3. 使用画像と使用フォントを自動取り込み✨

プラグインインストール
https://t.co/wV9RnD5Fkw

[Shimaさん UI/UXデザイナー @Utdesign2]

Tips !!!

☆Figma で Auto Layout を設定しておけば
　インポート精度が上がります✨

☆レイヤー名の前に<img>と入力しておくと、
　画像として認識してくれ、
　取り込む範囲を指定できる✨

☆コピーがうまくいかない場合は、
　レイヤーを細かく分けてインポート
　するのがポイント✨

[Shimaさん UI/UXデザイナー @Utdesign2]

毎日Figmaサイトトレース実施中😆

昨日は Meta Quest という
VRゴーグルのWEBサイトトレースを
開催しました！

・グラデーション
・Image Downloader
・コンポーネント
・オートレイアウト

上記を学んでいただけました✨

【トレースサイト】
https://t.co/qpHJ7loHXd

#webデザイン勉強中

[Shimaさん UI/UXデザイナー @Utdesign2]

先週のバナー作成講義で
使用したフォントは「Outfit」です

✅ フォント数が豊富なので使いやすい
✅ Thin が細くておしゃれ

☝️使い方のポイント
文字と文字の感覚が狭いので広めに設定したほうがおしゃれになりますよ〜♬

Googleフォントなので無料✨↓
https://t.co/Ip7wSXTikJ

[Shimaさん UI/UXデザイナー @Utdesign2]

第９回🎉
みんなでバナーデザインをトレースしようの会
今日のお題はこれ😄！

20:00- Photoshop 編
21:00- Figma 編

☆身に付く知識☆
✅ 画像切り抜き
✅ 内側ドロップシャドウ

デザイン4原則で使用されている技術の確認
ポイント解説

8/31まで毎日勉強会開催中！

#webデザイン勉強中

[Shimaさん UI/UXデザイナー @Utdesign2]

8/10みんなでバナートレースをしよう！の会

20:00 Photoshop 編
21:00 Figma 編

参加してくださった皆さんありがとうございました！
次回は切り抜きやFont探しの方法など
解説してきますー！！

#webデザイン勉強中
#Webデザイナー
#参加者募集中