くまのこ

ゲームしたりデザイン作ったり。 WEB / UIデザイン / Figma

[てらもと | CANARY デザイナー @mayugelion]

【UIデザイナーが作って良かったSkill紹介 その3】
オブジェクトがどのように紐づいているのかを見たくて、
デザインデータと概念図とER図を同じキャンバスに乗せて、メニューひとつで行き来できるようにしました。
どちらも同じ出所のデータから描いているので、片方を直せばもう片方も追従できます。

見たいものを1つのツールにまとめると更新も楽で、良いツールが出来ている気がする...
デザイン業務自体を自分でアップデートできるのは良い時代...!!

[こぎそ @kgsi]

カナリーさん @Canary_Product のAIによるUI生成の事例👀
ガイドラインだけでなく、リードデザイナーの思考手順そのものをskillにして、収束の前に発散の工程を挟んでいる。

「ありがちなUIになる」をプロンプトの問題ではなく、フローに発散が無いという構造の問題として捉えているところが気になった、実際に上手くいってるところ、逆に伸びしろなところも聞いてみたいな。

https://t.co/HIQhTy5E4Q

[catnose @catnose99]

神記事
そして考慮すべきポイント多すぎてウケる

iPhone Duoに備える(SwiftUI/UIKit対応)
https://t.co/st61rAV4z8

[太田賢一／Design Mgr @kenichiota0711]

現場のデザイナーが実際に悩むのは「何を作るか」ではなく「どう判断するか」。判断に迷わないために、"意思決定の一貫性"が必要。

[原 佑一｜クリエイティブディレクター @yuichi_hara7]

UIデザイナーインターンの学生のみなさん向けに少しお話しました。

「いいUI」とは何なのかを、初心者の方でもわかるように自分なりに分解・解釈してまとめています📱

https://t.co/C2Eg4VI6Vt

[Scotty Matthewman @scottymatt]

wtf this is sick https://t.co/TioRwul5eb

[【公式】アストラエ・オラティオ @Asora_JP]

【特区庁広報課からのご案内】

🎁ティザーアートブックフォロー＆リポストキャンペーン第2弾！

公式アカウントをフォローし、この投稿をリポストしていただいた方の中から、 抽選で10名様に、コミックマーケット108に登場予定の『アストラエ・オラティオ』ティザーアートブックをプレゼント！✨

※ 第1弾キャンペーンとは別に実施されるキャンペーンです。

▼応募方法
1️⃣公式アカウントをフォロー
2️⃣この投稿をリポスト

📅キャンペーン期間
7月24日 〜 7月30日

※画像はサンプルです。実際の商品とは異なる場合がございます。
※ 本キャンペーンのご参加および当選の権利は、日本国内にお住まいの方に限らせていただきます。
※ 配送日程および当選者の発表につきましては、後日公式サイトおよび公式Xにてご案内いたします。
※ 応募規約は公式サイトにてご確認ください。

▼公式サイト
https://t.co/a1X5YuO99j

#AstraeOratio #アストラエオラティオ #アスオラ

[Satya @heysatya_]

https://t.co/NkzLhRG1JQ

[太田賢一／Design Mgr @kenichiota0711]

Google Fontsの日本語書体✨素敵なフォントがたくさんあるので使いたい。
——-
https://t.co/yZZQTkbt3q

[Emil Kowalski @emilkowalski]

New skill: /improve-animations

Inspired by @shadcn’s improve skill I made one specifically for animations.

Use your most capable model to audit animations in your project and hand the execution to cheaper models.

Fable is available through July 12, so make good use out of it!

[Emil Kowalski @emilkowalski]

Some of my favorite UI libraries:

NumberFlow for animating numbers.
input-otp for one-time passwords.
Liveline for real-time charts.
Leva for customizable GUIs.
cmdk for command menus.
Virtuoso for virtualization.
dnd kit for drag and drop.
Sonner for notifications.

[Rajmoni | Motion Designer @Nexaabyraj]

The best structure for product demo and explainer videos:

[Hook] → [Demo: Use Case] → [End Result] → [CTA]

That's it.

Simple on the surface but that's exactly why it works.
We've used this across client product campaigns and it consistently converts.

Everytime.

[Figma @figma]

Imagine a world where you could copy/paste websites into editable Figma layers (jk you don’t have to imagine you can do this now with our Chrome extension)

[Figma @figma]

Turn code into designs your whole team can edit by connecting Codex to the Figma canvas

[Emil Kowalski @emilkowalski]

To get good animations from an AI you need to get good at telling it what you want:

- "stagger this list of items"
- "make this animation direction-aware"
- "spacial consistency", "crossfade", "layout animation",

I made a motion vocabulary for this:
https://t.co/ExAxpr31no

[スクウェア・エニックス e-STORE @SQEX_eSTORE]

『冒険家エリオットの千年物語』の世界を構築するアートワークを掲載した公式画集が登場！キャラクターやモンスターの設定画・ドット絵をはじめ、フィールド・ダンジョンのコンセプトアート、さらには初公開となる貴重な開発資料まで漏れなく網羅。#エリオットの千年物語
https://t.co/e4jHJMg5VX

[電ファミニコゲーマー @denfaminicogame]

スクエニの新作『冒険家エリオットの千年物語』先行プレイ！
マップが綺麗すぎてスクショを撮る手が止まらない。HD-2Dの極致がここに
https://t.co/yJznrHfdMa

光や風が織りなす空気感に心躍る。画面越しに風の匂いすら感じてしまう。雪山や迷宮など時代を越え、多彩な景色を堪能できる

[Emil Kowalski @emilkowalski]

https://t.co/KJtLZlqu9i

[いいづかやまと @yamatoiizuka]

Inter と Noto Sans JP の混植書体、Gen Interface JP を公開しました。

本文の美しさ・読みやすさのために、和文を緻密に調整した UI 向けのフォントです。OFL ライセンスとして無償で使用できるので、ぜひ使ってみてね
https://t.co/iDEihpwPsC

[太田賢一／Design Mgr @kenichiota0711]

ChatGPT Image 2.0 で生成した画像を、Recraft V4 Vector でSVGに変換しました。

ChatGPTで良い画像が生成できても、背景透過や色味の部分的な調整などが悩ましいですよね。そこで「Recraft V4」を試してみました。

結果、アンカーポイントの数が適切で精度高く生成してくれました。色も正確に再現してくれます。

Recraftの強みは、ラスターをベクターに"変換"しているのではなく、ベクターとして"生成"している点です。

モードはProも選べます（クレジット消費は考慮が必要）。目的や元画像の複雑度に合わせて選択するのが良さそうです。