ポートフォリオは「サウンドデザイン」で圧倒的な差がつきます。
海外プロ達が「ラスボス」と絶賛しバズり中の映像。
視覚効果だけでなく、音の作り込みが段違いです。
✅ 映像と音の完全な同期
✅ 緩急をつける無音の活用
演出の引き出しとして、一度見ておくことをお勧めします→ pacomepertant.com
Pacôme@pacomepertant
my new portfolio is officially out🌐
日本語
Forクリエイターズ
157 posts
Forクリエイターズ
@_4creators
デジタルクリエイター向けに、AIツール・デザインTips・業界ニュースを毎日発信🎨 🦋Bluesky：https://t.co/OjeY0qluk4 📷Instagram：https://t.co/MVc4WyEYJN
Katılım Haziran 2022
352 Takip Edilen25 Takipçiler
次世代AI「Opus 4.7」で何が作れるのか？
Claude公式ハッカソンの入賞作品が、今後の個人開発のヒントになります🎨
🥇 金：音声ベースの医療診断シミュレーター
🥈 銀：回路図を読み込み、基板上に修理手順を直接描画
🥉 銅：「理由を説明できないとコードが書けない」学習ツール
汎用的なWebツールから「専門領域の課題解決×AI」へとトレンドが移行しているのが分かります。
Claude@claudeai
Gold: MedKit by Bedirhan Keskin from Türkiye A voice-based clinical simulator where medical students take histories, order labs, diagnose, and get scored on their reasoning against the latest published guidelines. youtube.com/watch?v=6bN6hn…
日本語
ClaudeがAdobeやBlenderと直接連携を開始🎨
AIに「指示」するだけでツールが動く新時代へ。
✅ Photoshop等の操作をAIにお任せ
✅ Blenderで3Dモデルを会話で生成・修正
✅ Abletonで楽曲制作の不明点を即解消
単なるチャットボットから、クリエイティブ制作の「有能な助手」に進化しました。
Claude@claudeai
Claude now connects to the tools creative professionals already use. With the new Blender connector, you can debug a scene, build new tools, or batch-apply changes across every object, directly from Claude.
日本語
FigmaのAI画像生成がさらに実用的になりました🎨
これまでの「画像アップロード」に加え、キャンバス上の要素をそのまま参照指定可能に。
✅ アップデート内容
・コピー＆ペーストで参照追加
・選択したオブジェクトを直接指定
・ファイルのドラッグ＆ドロップ
例えば、デザイン中の既存パーツを選択して「この雰囲気で別パターンを作って」という指示が爆速で終わります。
Figma@figma
New ways to add references when generating and editing images with AI → Copy/paste → Add directly from a selection → Drag and drop files Rolling out over the next week
日本語
App Storeのスクリーンショット作成、もうAIで完結します。
新ツール『Anything』が優秀。Figmaで数時間かけていた「モックアップ作成→配色→文案挿入→各サイズ書き出し」が、15秒でプロ級に仕上がります。
✅ アイコンやDLボタンも自動配置
✅ テキスト1つで文案を自動生成
✅ 複数デバイスのサイズに一括対応
コードより面倒な“上架の壁”が消えました。後で見返せるよう保存推奨です🎨
Anything@anything
BREAKING: the screenshot bottleneck is gone! Anything now generates designer grade App Store screenshots
日本語
デスクトップの「あの味気ないフォルダ」を卒業。
無料のWebアプリ「iFolder」が、クリエイターの整理整頓に最適です。
数秒でフォルダをカスタムでき、インストールも不要。
✅ 背景色とアイコンを選ぶだけ
✅ 視認性が爆上がりし、作業効率UP
✅ ブラウザ上で即デザイン・書き出し
フォルダ整理が苦手な人ほど、色分け管理で直感的にファイルが見つかるようになります。まずは1つ作ってみて。🎨
Tran Mau Tri Tam ✪@tranmautritam
Boring folders → Custom icons. This free web app lets you design folder icons in seconds. No install, no learning curve 🔥
日本語
「CSS設計、もうAIに丸投げしませんか？」
新登場の『Lism CSS』がAI時代に最適すぎる。
✅ 特徴
・軽量&ビルド不要で導入が楽
・AIが理解しやすいProperty Class（-fz:l等）
・@layer採用でスタイル衝突を回避
AIが迷わずコードを書ける設計なので、CursorやClaude使いは必見。
サイト制作が格段に速くなります。🎨
Lism CSS@lismcss
「AIと人とのためのCSS設計フレームワーク」 SKILL.mdをインストールだけで、AIエージェントが洗練された設計理論を理解します。 あなたはデザインを渡して指示するだけ。もうCSS設計に悩む必要はありません。
日本語
【Web制作の限界突破】
GPT-5.5でついに「HTML-in-Canvas」が実装。これ、表現力の次元が変わります。
✅ WebGL/WebGPUが標準で連動
✅ HTML要素をCanvas内で直接描画
✅ PixiJS + GSAPで超高精度アニメ
「重い・作れない」の言い訳が消える日も近い。
今のうちに触っておくのが吉です🎨
PixiJS@PixiJS
Been testing GPT 5.5 and it's implemented the HTML-in-Canvas spec Worked for both WebGL and WebGPU out of the box Then created this demo with the PixiJS + GSAP Skills Hopefully there will soon be no excuses to make boring websites
日本語
OpenAIの「Codex」に専用アバターが実装へ。
単なるアイコンではなく、デスクトップ上をドラッグして動かせる「インタラクティブな相棒」になるようです。
✅ 8種類のプリセット（ドット絵風）
✅ ユーザー独自のカスタム可能
✅ 常に最前面で動作状況を可視化
✅ Voice Modeとの統合が期待大
AIがバックグラウンドで何をしているか一目でわかるため、並列タスクの管理が圧倒的に楽になりそうです🎨
TestingCatalog News 🗞@testingcatalog
Early look at Codex Avatars 👀 They would appear as interactive, draggable overlays on the desktop. 8 pre-made characters in total. Users will also be able to create and use their own Avatars! h/t video by @neocph
日本語
「一流の動き」を言語化する。
プロダクトデザイナーHarin氏が1年かけて制作した、至高のインタラクション集が公開。
ZeptoやSwiggyなど一流企業を渡り歩いた彼の「0.1秒へのこだわり」が詰まった14作品。
✅ プロダクトの質感を変える14の挙動
✅ アニメーションの緩急の付け方が秀逸
✅ UIに心地よさを宿すヒントが満載
「動き」の引き出しを増やしたい方は必見。
Harin Nitisvaar@harindesign
14 interactions. almost a year of design + code. finally gave them a home ✨ go check it out → harin.design
日本語
Android開発の「アイコン動き、実装めんどくさい」が消えるかも。
急成長中の『Vector Motion Kit』が便利すぎる。
vectormotionkit.web.app
高品質なアニメーションアイコン素材集なんだけど、単なる配布サイトじゃない。
✅ AVD（Animated Vector Drawable）を編集可能に逆変換
✅ ブラウザ上でプレビュー＆即エクスポート
✅ 開発者に優しいコード出力
Roman Khrupa@romankhrupa
Vector Motion Kit is growing fast 🚀 More animated icons, more styles, more updates We’ve just added a new batch — and they look so satisfying in motion ✨ We’re trying to build the biggest animated icon library for Android devs
日本語
Webサイトのアクセントに使える「3Dアイコン」を自作したい人へ。
Poolの新作ツール『Things』が凄すぎる。
things.pool.day
ブラウザ上でプロンプトを入れるだけで、質感がリアルで可愛い3Dパーツが即生成されます。
✅ 特徴
・光沢感のある高品質な3D書き出し
・プロンプト次第で無限のバリエーション
デザインの「ちょっと物足りない」を埋める一撃として重宝しそうです🎨
Pool@_poolday_
our designer got distracted again...be nice and generate some cute floaty icons
日本語
アイコンの「点」を線と同じ太さにしてませんか？
実はドットを線（ストローク）と同じ太さにすると、視覚的に小さく見えてバランスが崩れます。（Helena Zhang氏のアイコンデザインに関する知見）
✅ 改善の秘訣
・ドットは線幅より「わずかに太く」する
・16pxキャンバスなら線幅1pxに対しドット1.5〜2pxが目安
・疑問符や顔など、要素としての重要度で太さを変える
タイプデザインの知恵を借りるだけで、アイコンのプロっぽさが激変します。忘れないうちに保存推奨です🎨
Helena@minor_axis
Starting a series on advanced icon tips. First up, we're looking at the classic smiley to see how to treat dots. Dots want to be a little bigger than the stroke weight to look balanced. Read more: minoraxis.medium.com/advanced-icon-…
日本語
デザインから実装の壁が消滅。
「Claude Design」が凄そうです🎨
言葉で指示するだけで、プロトタイプやスライドを生成できる新機能。
・対話やスライダーで直感的に微調整
・CanvaやPPTXへ直接エクスポート
・Claude Code連携で即コード化
チームのデザインシステムも自動適用されるため、実務に直結します。
（※Pro等有料プランで順次開放中）
Claude@claudeai
Introducing Claude Design by Anthropic Labs: make prototypes, slides, and one-pagers by talking to Claude. Powered by Claude Opus 4.7, our most capable vision model. Available in research preview on the Pro, Max, Team, and Enterprise plans, rolling out throughout the day.
日本語
動画を「超軽量なASCIIアニメ」に変換する無料ツールが凄い🎨
動画を読み込むだけで、精密なテキスト表現に自動変換。
Webサイトの背景や装飾に使うと、読み込み速度を落とさずテック感を演出できます。
✅ 動画ファイルをアップするだけ
✅ 精細な調整が可能
✅ パフォーマンスへの影響が最小限
クリエイティブの差別化に最適。
Vansh N.@vansh1029
Current ASCII Studio editor page Tried my best to keep it clean, simple, and easy to use :)
日本語
マイクラの常識を覆すUIと演出。
ドズル社が1年かけたMMORPG「Doom or Zenith」の作り込みが、ゲーム制作やUI設計の参考になりすぎる🎨
✅ 6つの職業と専用スキルツリー
✅ 独自モーション＆完全オリジナルのGUI
✅ 素材収集→生産職による装備作成の循環
✅ 最大18人のレイドバトル
「マイクラでここまでできる」という限界突破の好例。
本日4/19まで100名超の配信者が挑戦中なので、動線設計の勉強に覗く価値ありです。
電ファミニコゲーマー@denfaminicogame
【ネタバレあり】『マイクラ』本格MMORPG「Doom or Zenith」があまりにも“ガチ”。制作期間1年超え、10体のオリジナルボスに挑む超大作 news.denfaminicogamer.jp/news/2604092m 最大18人で挑むレイドボス、職業システム、カジノに釣りと圧倒的な作り込み。ドズル社主催で4月19日25時まで100名以上の配信者が挑戦中
日本語
「使っていて心地よい」は、最高の機能かもしれない。
Spatialに実装されたこのカラーピッカー、もはやハンドスピナーのような中毒性があります。
単なる色選択を超えて「触ること自体が報酬」になるUIの好例です。
✅ 追従する柔らかな発光
✅ 物理演算のような滑らかな挙動
✅ 直感的なフィードバック
効率重視のツールでも、こうした「遊び」が情緒的な価値を生みます🎨
Tobias Renström@tbsrnstrm
This turned out to be such a cozy color picker. Makes me smile inside every time I use it.
日本語
Webサイトの信頼性を爆上げする「Unlumen UI」が凄い。
Vercel級の洗練されたUIを、コピー＆ペーストで実装できるコンポーネント集。Shadcn/uiベースでTailwind CSSとMotionに対応。
✅ デザインの意図が伝わる滑らかなアニメーション
✅ チーム紹介やボタンなど実戦的なパーツが豊富
✅ 無料で商用利用も可能
「機能の前に信頼されるデザイン」を求める開発者は必見です。🎨
Léo@leouiux
new interactive way to present your team. Inspired by the team section of Omou app by @justin_schueler
日本語
製品パッケージの「ダサいバーコード」を美しく。
バーコードを読み取り可能な状態のまま、デザイン性の高いSVGに変換できる無料ツールが登場。
デザインを邪魔する無機質なバーコードを、アートの一部に昇華できます🎨
✅ 特徴
・スキャン精度を維持したまま造形
・SVG形式で書き出し可能
・会員登録不要で即利用OK
「機能はそのまま、見た目を整えたい」パッケージデザイナーの強い味方。
Om Patel@om_patel5
THIS GUY VIBE CODED A FREE TOOL THAT TURNS UGLY BARCODES INTO BEAUTIFUL SVG ONES THAT STILL SCAN you paste in a barcode, and it turns it into a styled, artistic SVG that still scans perfectly the tool makes it look good AND keeps it scannable free, no account needed, AND they export as SVGs if you've ever looked at a barcode on your product packaging and thought "this is ugly" you might want to look into this
日本語
Geminiが「自分専用の最強データベース」に進化。
本日よりGeminiアプリ内にNotebookLMが統合され、サイドバーから直接ノートの管理が可能に。
過去のチャットや手持ちのPDF、Web記事を一つの「ノートブック」にまとめ、それを前提にした超高精度な回答が生成できます🎨
✅ Geminiの回答を1クリックでノートへ保存
✅ 複数資料を跨いだ串刺し検索
✅ AIによる音声解説もGemini上で完結
現在は有料プラン先行ですが、数週間以内に無料版にも開放予定。
情報の海に溺れるデザイナー・開発者の救世主になりそうです。
NotebookLM@NotebookLM
Last year, we integrated into the @GeminiApp by allowing you to upload your notebooks as sources. Now, we’re taking our relationship to the next level 🏠 ♥️ Starting today, you can now: — Access all of your personal, unshared notebooks directly inside the Gemini App — Use your chats with Gemini as sources in new or existing unshared notebooks We're rolling out notebooks in Gemini today, starting with Google AI Ultra, Pro, and Plus subscribers on the web. In the coming weeks, we'll expand access to mobile, more countries across Europe, and to free users.
日本語