ソンジュン

日芸 24卒　UI/UX

[TWOTONE INC. @twotone_jp]

弊社TWOTONEのコーポレートサイトをリニューアルしました。
プロジェクトの記録だけでなく、私たちが何を大切にし、どのように考え、つくっているのかを見直しながら構成しています。
新しいサイトをぜひご覧ください。

https://t.co/5Jr0d0ASem

[金 成奎 @seikei_kin]

Figmaコンポーネント作成→URLをClaude Codeへ→
Reactコンポーネント生成→Storybook生成.......という流れ。よさそう！そしてここまでできても、全体を俯瞰してユーザー体験を考察するのにFigmaは有効では、という見解。

AIを使えばデザイナーでもStorybookを作れるのか
https://t.co/SlGxm4zG9j

[KAWAI @kawai_design]

【 文字のアニメーション100選 】

Webサイトに動きが欲しい。
でも、何て指示すれば良いの？

そんな疑問を解決する
サイトを作りました。

アニメーション名・デモ・
コードコピーを100個掲載しています。

もうアニメーションを指示する際に
迷うことはなくなると思います。
（100個から1個を選ぶ大変さはあるかもw）

🔽 Webサイトはリプに掲載
https://t.co/fqfLxFtKUr

[こぎそ @kgsi]

良いUIを見るとき、見た目そのものより「なぜこの情報がここにあるのか」「なぜこの強さで見せているのか」を読む方が学びが多い。

「UXSnaps」は、有名アプリの画面をその粒度で分解していて参考になる。UIギャラリーというより、プロダクトの判断を読むための資料集に近い。

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

https://t.co/ZbyJNc9rz9

[こぎそ @kgsi]

https://t.co/co9lQq3r3r

[國光俊樹｜IDOL CAST @ku_ni_29]

https://t.co/WD1253U2Wp

[✌︎ frederik ✌︎ @froessell]

https://t.co/cLy9gu222I

[金 成奎 @seikei_kin]

UIの細かい工夫を集めたその名も「Details」というキュレーションサイト。アプリやウェブサイトにおける、アニメーションの速度、ボタンの押し心地、表面の質感などに込められた具体的なディテールを紹介。
https://t.co/e0oLu9kt5P

[죠비 @jyobi0627]

오늘의 사이트: The Component Gallery

디자인 시스템과 컴포넌트 예시 모음집.

특히 IBM 같은 대기업들의 디자인 시스템 자료도 잘 모아뒀으니, UX 하시는 분들은 각 다큐멘테이션에서 디자인 토큰이 어떻게 구성되어 있는지 시스템 설계 관점에서 참고하시는 걸 추천.

https://t.co/cUGyH2PaEN

[うさぴよ🦍プロダクトデザイナー @usapiyo_gorilla]

フォント、シャドウ、コンポーネントなどのデザインシステム要素における比率スケールを作成するためのツール
https://t.co/tFL7JYgPHK
デザインシステム構築時などに便利そう

[World Music Awards @WORLDMUSICAWARD]

K-Pop Legendary Band #BIGBANG bring the House down at the 2024 MAMA Awards, performing BANG BANG BANG + FANTASTIC BABY! 👏💣🕺🕺🕺🔥🏆🇯🇵👑👑👑❤️‍🔥

#BIGBANGxMAMA2024
@IBGDRGN @Realtaeyang @YG_GlobalVIP

https://t.co/aZ5I2U1MVf

[OpenAI @OpenAI]

Introducing Sora, our text-to-video model.

Sora can create videos of up to 60 seconds featuring highly detailed scenes, complex camera motion, and multiple characters with vibrant emotions.

https://t.co/YYpOAcrXQ3

Prompt: “Beautiful, snowy Tokyo city is bustling. The camera moves through the bustling city street, following several people enjoying the beautiful snowy weather and shopping at nearby stalls. Gorgeous sakura petals are flying through the wind along with snowflakes.”

[Studio | Web制作を、ノーコードで。 @StudioDesign]

【デザインを一瞬でWebサイトに！ツール間連携機能「Figma to STUDIO」のベータ版をリリース】

「Figma to STUDIO」のベータ版をリリースいたしました。このプラグインでは、デザインツール「Figma」で作成したデザインデータを自動で変換し、STUDIOにインポートすることが可能です。
#STUDIOのカイゼン
#FigmaToSTUDIO

[Studio | Web制作を、ノーコードで。 @StudioDesign]

FigmaとSTUDIOのコラボレーションにより、STUDIO上で1からサイトを実装する手順を省き、デザイン制作により集中することが可能になります✨

オートレイアウト化含めたすべてのデザインに対応し、自動でレイアウトのボックスモデル化が行われます。また、PCをベースにしたデザインでは、自動でレスポンシブ対応されたデザインに変換されます。

[Miyamoto @motomiya333]

いいnote。
積むUIレイアウトは、一度STUDIOを使って制約の中でUIを組んでいく経験から始めると良いと思う。
制約の基本が身に付けばFigmaで0から描く場合でも実装が破綻しないUIがスムーズに作れるはず。
https://t.co/j8egUTGT0v

[あかね @akadesign_d]

デザイン本がまとまっている超便利なサイトを発見！気になるものはそのままAmazonなどで買えて便利。BNNさんが関わっているもののみ？とはいえ結構な数あるし、「UI/UX」「リサーチ」などとカテゴリーも細かく分かれていて見やすい。デザイナーにとってはありがたいサイトだ！
https://t.co/2W0fzWS790

[あるる ChatGPT × AIツール @chatgptair]

ChatGPTはもう昔のニュースです

AI Chrome拡張機能が今は最強です

爆速で作業を終わらせるAI拡張機能7選：

ブックマーク保存をおすすめします↓

[Rei 📚 Notionライフハック2万部突破！ @rei_notion]

Notionのプロジェクト管理テンプレ。

もう頑張らずにこれ使って下さい！
と思いながら作りました。

全国のPMに届けーーー！