Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

CursorのVisual Editor（ビジュアルエディター）を早速使ってみたら、エグかった😱 1. Figma UIでデザインを編集。paddingの調整・グラデーションの変更など 2. Applyを押す 3. コードがそのまま実現💐 「Figmaで描いた絵を再現する」時代から「Figmaである程度デザインを作って、Cursor上で最終成果物を直接いじってAIにコードを書かせる」時代になった。なお、ビジュアルエディターのUIはどうみてもFigmaです。ありがとうございます #Figma #Cursor

鹿野壮 Takeshi Kano

20,091 subscribers

198,555 görüntüleme • 9 ay önce •via X (Twitter)

Eğitim Bilim & Teknoloji

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

GPT4Vを使って、AIでFigmaのデザインからコードを生成するプラグインを作ってみました！🎉 通常のプラグインと比べ、プロンプトを書くことでnextjs, Tailwind CSS, flutter, swift uiなど様々なコードで出力することができるようになりました🙌 需要ありそうだったら、プラグインとして公開しようと思います。ニーズが気になるので、シェアしてもらえると嬉しいです😇

GPT4Vを使って、AIでFigmaのデザインからコードを生成するプラグインを作ってみました！🎉 通常のプラグインと比べ、プロンプトを書くことでnextjs, Tailwind CSS, flutter, swift uiなど様々なコードで出力することができるようになりました🙌 需要ありそうだったら、プラグインとして公開しようと思います。ニーズが気になるので、シェアしてもらえると嬉しいです😇

トミー

340,587 görüntüleme • 2 yıl önce

Figmaのタイムラインアニメーション、少し触ってみました。 After Effectsを使っている人なら、すぐ馴染めそう。 Figma AIの自動アニメーションも試してみました。動きは少し固いけど、1分ほどで形になるのは便利。キーを打った状態で出てくるので、あとは好みに調整すればよさそうです👀

Figmaのタイムラインアニメーション、少し触ってみました。 After Effectsを使っている人なら、すぐ馴染めそう。 Figma AIの自動アニメーションも試してみました。動きは少し固いけど、1分ほどで形になるのは便利。キーを打った状態で出てくるので、あとは好みに調整すればよさそうです👀

はなさくの｜ゲームUIデザイナー

15,191 görüntüleme • 20 gün önce

はじめてのAIデザイン本の紙面をチラ見せ👀 この本は、AIを使用してないデザインに、生成AIのアレンジを加えたらどう変わるのか、どう便利で時短になるのか、before、afterで見せているので、AIを使った変化がとても分かりやすい内容になっています✨ #はじめてのAIデザイン

はじめてのAIデザイン本の紙面をチラ見せ👀 この本は、AIを使用してないデザインに、生成AIのアレンジを加えたらどう変わるのか、どう便利で時短になるのか、before、afterで見せているので、AIを使った変化がとても分かりやすい内容になっています✨ #はじめてのAIデザイン

ingectar-e : インジェクターイー

15,758 görüntüleme • 1 yıl önce

あまり使われている現場に遭遇しませんがScriptTemplatesという機能がUnityにはあります。プロジェクトでよく使うコードのテンプレートをあらかじめ作っておいてUnityのメニューに登録できる機能です。使い方は簡単。同じようなコードをよく書いてるなって思ったらScriptTemplatesを試してみて

あまり使われている現場に遭遇しませんがScriptTemplatesという機能がUnityにはあります。プロジェクトでよく使うコードのテンプレートをあらかじめ作っておいてUnityのメニューに登録できる機能です。使い方は簡単。同じようなコードをよく書いてるなって思ったらScriptTemplatesを試してみて

オオバ | AI時代のゲーム開発

16,391 görüntüleme • 1 yıl önce

Claude Designが大幅アップデート。今回大きいのは、単にAIでデザインを生成するだけでなく、・既存のデザインシステムを読み込んで反映・キャンバス上で直接編集・Claude Codeと同期して、そのまま実装までつながったこと。特に目玉はキャンバス上で直接編集できる「Editモード」の追加。実際に使ってみた感想。 1. 用途に応じたタブの切り替えが分かりやすい・Simpleタブ：文字サイズを変えるなどかんたんな調整ができる・Proタブ：よりFigmaのようにレイヤー情報を確認しながら、細かく編集ができる 2. 画面を切り替えずにインタラクションを確認できて良い・Click throughモード：Figmaのプロトタイプモードのように実際の操作感を確認できるさらにデザインシステムやClaude Codeの連携が加わってデザインから実装までの距離がまた一段と縮まった感。

Claude Designが大幅アップデート。今回大きいのは、単にAIでデザインを生成するだけでなく、・既存のデザインシステムを読み込んで反映・キャンバス上で直接編集・Claude Codeと同期して、そのまま実装までつながったこと。特に目玉はキャンバス上で直接編集できる「Editモード」の追加。実際に使ってみた感想。 1. 用途に応じたタブの切り替えが分かりやすい・Simpleタブ：文字サイズを変えるなどかんたんな調整ができる・Proタブ：よりFigmaのようにレイヤー情報を確認しながら、細かく編集ができる 2. 画面を切り替えずにインタラクションを確認できて良い・Click throughモード：Figmaのプロトタイプモードのように実際の操作感を確認できるさらにデザインシステムやClaude Codeの連携が加わってデザインから実装までの距離がまた一段と縮まった感。

❖ ken｜旅するデザイナー

206,901 görüntüleme • 2 ay önce

制度を変えないと、もう待ったなしで続かない状況に来ている、ビジュアルで見ると、あらためてその深刻さがわかります。自分は、状況の違う前時代をただ金科玉条にするのではなく、「未来にとっての良き先例」となれるものを今の時代で実現させて行きたいです。

制度を変えないと、もう待ったなしで続かない状況に来ている、ビジュアルで見ると、あらためてその深刻さがわかります。自分は、状況の違う前時代をただ金科玉条にするのではなく、「未来にとっての良き先例」となれるものを今の時代で実現させて行きたいです。

大須賀淳(スタジオねこやなぎ)

98,108 görüntüleme • 3 yıl önce

うわぁぁ!!Googleさんがまたやってくれました。とにかく作るのが楽しくなるツール！それがStitch（スティッチ）。 Stitchというキーワードから南国フルーツのドリンクを販売してるECサイトを作ってみました。 1 指示する 2 修正する（日本語に）お、終わった… え？2STEPしか書くことなかったんだけどｗ（Figmaからもインポートできるボタンがあります） ※リロ＆ステッィチのキャラクターは実際のLPには使えません！あくまでサンプルとして見て頂ければ！指示したプロンプトはコメント欄に貼っておくのでぜひこのまま使ってやってみて！もしよかったらお礼のかわりにいいねとリポストをポチッとしてから使ってくれるとうれしいです！！

うわぁぁ!!Googleさんがまたやってくれました。とにかく作るのが楽しくなるツール！それがStitch（スティッチ）。 Stitchというキーワードから南国フルーツのドリンクを販売してるECサイトを作ってみました。 1 指示する 2 修正する（日本語に）お、終わった… え？2STEPしか書くことなかったんだけどｗ（Figmaからもインポートできるボタンがあります） ※リロ＆ステッィチのキャラクターは実際のLPには使えません！あくまでサンプルとして見て頂ければ！指示したプロンプトはコメント欄に貼っておくのでぜひこのまま使ってやってみて！もしよかったらお礼のかわりにいいねとリポストをポチッとしてから使ってくれるとうれしいです！！

まと｜AI×デザイン部

98,552 görüntüleme • 6 ay önce

FigmaでのShader習作。AIみたいなオーブ感を目指してShaderをFigma Agentに作ってもらって、Figma Motionでパラメーターでキーフレームを打って動画を作成。質感を追い込むには専門知識が必要だなと感じる🤔

FigmaでのShader習作。AIみたいなオーブ感を目指してShaderをFigma Agentに作ってもらって、Figma Motionでパラメーターでキーフレームを打って動画を作成。質感を追い込むには専門知識が必要だなと感じる🤔

Miyamoto

17,849 görüntüleme • 2 ay önce

ドキドキが止まらない。待ってた。この機能本当に待ってた！！！！！ AIで作ったデザイン、もう「1枚画像」で終わらない。今、Codexでデザインを作ったんだけど、 Illustratorで編集できるデータになった。 Photoshopでも編集できるデータになった。背景・文字・装飾も分かれてる。レイヤーも綺麗になってる。見本のデザインとは少し違うけど、正直これで十分！！！これ、ただの画像生成じゃない。 AIでラフを高速化して、プロが判断と仕上げをする、新しいデザイン制作。AIでデザイナーがいらなくなるんじゃない。むしろ「どこをどう直すか」を判断できるデザイナーが、圧倒的に速くなる。デザインの作り方、ここから本当に変わると思う。 codexさま。ありがとう🙏🙏🙏🙏🙏

ドキドキが止まらない。待ってた。この機能本当に待ってた！！！！！ AIで作ったデザイン、もう「1枚画像」で終わらない。今、Codexでデザインを作ったんだけど、 Illustratorで編集できるデータになった。 Photoshopでも編集できるデータになった。背景・文字・装飾も分かれてる。レイヤーも綺麗になってる。見本のデザインとは少し違うけど、正直これで十分！！！これ、ただの画像生成じゃない。 AIでラフを高速化して、プロが判断と仕上げをする、新しいデザイン制作。AIでデザイナーがいらなくなるんじゃない。むしろ「どこをどう直すか」を判断できるデザイナーが、圧倒的に速くなる。デザインの作り方、ここから本当に変わると思う。 codexさま。ありがとう🙏🙏🙏🙏🙏

カワイ｜プロデザ｜即戦力デザイナーを育成

331,259 görüntüleme • 2 ay önce

【AIで作ったLPを直感で編集できるツール爆誕】ずっと欲しかったツール「reweb」生成AIで高度なLPを作れても編集が難しかった。FigmaやStudioみたいに生成したコードをコピーするだけで、ドラッグ&ドロップで修正可能。コードの出力も可。 v0でコード生成→rewebに貼り付けて編集が最適かな。色んなブロックのテンプレもあり、ワンクリック挿入で良い感じのLPができる。無料で利用可能です⇩

【AIで作ったLPを直感で編集できるツール爆誕】ずっと欲しかったツール「reweb」生成AIで高度なLPを作れても編集が難しかった。FigmaやStudioみたいに生成したコードをコピーするだけで、ドラッグ&ドロップで修正可能。コードの出力も可。 v0でコード生成→rewebに貼り付けて編集が最適かな。色んなブロックのテンプレもあり、ワンクリック挿入で良い感じのLPができる。無料で利用可能です⇩

チャエン | デジライズ CEO《重要AIニュースを毎日最速で発信⚡️》

49,768 görüntüleme • 2 yıl önce

ふと思ったんだけどみなさんってSubstancePainterでのVRC向けアイテムのテクスチャリングの時にルックシェーダーってトゥーン系使ってます？自分はliltoonにパラメータを寄せた自作のトゥーンシェーダーを使ってるんだけどもしかして需要あったりするのかな？ SP用のシェーダーって作ってる人がかなり限られるし、トゥーンシェーダーはあるけどliltoonとかPoiyomiなどによせて作ったというものはほとんど見かけたことが無いです（だから自分で作らざるを得なかった）もし需要ありそうなら、シェーダーもリリース考えようかな。ないならリリースしな…

ふと思ったんだけどみなさんってSubstancePainterでのVRC向けアイテムのテクスチャリングの時にルックシェーダーってトゥーン系使ってます？自分はliltoonにパラメータを寄せた自作のトゥーンシェーダーを使ってるんだけどもしかして需要あったりするのかな？ SP用のシェーダーって作ってる人がかなり限られるし、トゥーンシェーダーはあるけどliltoonとかPoiyomiなどによせて作ったというものはほとんど見かけたことが無いです（だから自分で作らざるを得なかった）もし需要ありそうなら、シェーダーもリリース考えようかな。ないならリリースしな…

にゃんねこ

55,494 görüntüleme • 2 ay önce