正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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

鹿野壮 Takeshi Kano

20,134 subscribers

198,730 次观看 • 10 个月前 •via X (Twitter)

教育科学技术

Anya Rossi• Live Now

Private livecam show

2 条评论

みゆき｜AIコーディング支援的头像

みゆき｜AIコーディング支援10 个月前

本気で「デザインと実装の境界」が消え始めてますよね昔は「Figma → 実装」が地味に重労働だったのに、今は「FigmaっぽいUIで直接コードを書き換える」というバグみたいな未来が来てる。 UI/UXエンジニアのスキルマップも再定義されるんでしょうね

かなと｜スキルクリア運営｜AI副業の専門家的头像

かなと｜スキルクリア運営｜AI副業の専門家10 个月前

正直、動画見て「うわっ！」て声出ましたw 今まで「paddingあと2px広げて…あ、やっぱ戻して」みたいな微調整、何千回やってきたかわからないので…。あの不毛な時間が消えると思うと、泣けてきますね😂 UIがまんまFigmaなのも、「学習コスト下げてやるよ！」という開発者の優しさを感じて笑っちゃいましたw これ、全人類が使うべき神機能ですね！

相关视频

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

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

トミー

340,587 次观看 • 3 年前

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

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

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

15,191 次观看 • 2 个月前

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

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

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

15,758 次观看 • 1 年前

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 次观看 • 4 个月前

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

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

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

16,391 次观看 • 1 年前

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

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

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

98,108 次观看 • 3 年前

【ボディビルがつまらなくなったとき】トレーニングを長く続けていると、あまり楽しいと感じられなくなる時期があるかもしれません。鈴木雅さんは、現役時代にボディビルがつまらなくなったと感じたことがあったそうです。そんなとき、「自分は何のためにボディビルをやっているのか」と自分に問いかけ、大会の成績よりも、自分を変えることに目的意識を持っていたそうです。みなさんは何のためにトレーニングをされていますか？

【ボディビルがつまらなくなったとき】トレーニングを長く続けていると、あまり楽しいと感じられなくなる時期があるかもしれません。鈴木雅さんは、現役時代にボディビルがつまらなくなったと感じたことがあったそうです。そんなとき、「自分は何のためにボディビルをやっているのか」と自分に問いかけ、大会の成績よりも、自分を変えることに目的意識を持っていたそうです。みなさんは何のためにトレーニングをされていますか？

本橋直人

20,558 次观看 • 1 个月前

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

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

まと｜AI×デザイン部

98,552 次观看 • 8 个月前

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

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

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

333,449 次观看 • 3 个月前

メイキング的なものを作ってみました。バトル映像は元々作っていたもので、アイデアはAIに古き良きものを組み合わせて新しい表現をしてみたいなと考え、ドットにしてみるのはどうだろうか？とチャレンジしてみました。ただドットにするだけだともちろんつまらなかったので、それなりに試行錯誤しながら、新しい表現を模索しました。最初はちょっとないかな？と思っても粘っていると、これはいいかも？にたどり着けるので、AI時代ではありますが、試行錯誤は大切だなと改めて思いました。

メイキング的なものを作ってみました。バトル映像は元々作っていたもので、アイデアはAIに古き良きものを組み合わせて新しい表現をしてみたいなと考え、ドットにしてみるのはどうだろうか？とチャレンジしてみました。ただドットにするだけだともちろんつまらなかったので、それなりに試行錯誤しながら、新しい表現を模索しました。最初はちょっとないかな？と思っても粘っていると、これはいいかも？にたどり着けるので、AI時代ではありますが、試行錯誤は大切だなと改めて思いました。

aicreataro

61,495 次观看 • 27 天前

『METAL SLUG』の開発中、魔法使いと呼ばれていた天才プログラマー、ANDY君が作ったドット絵エディター『キャメル』。それは、まさにドッターたちにとって、夢のようなツールでした。その名前は、当時ANDY君が好きだったタバコ『Camel』から取ったもの。ツールのアイコンには、タバコのパッケージに描かれているヒトコブラクダ『オールドジョー』を、ANDY君自らドット絵で描き起こしたものを使っていました。アイレムで使っていたドット絵エディター『さだやんペイント』には、『海底大戦争』でSUSUMU君が表現していた水中背景の揺らめきのような、ラスタースクロール表現を簡単に作れる機能があったんです。その機能は『キャメル』にも引き継がれており、『METAL SLUG』でも、砂漠の遠景を陽炎のように揺らす表現などに使っていました。その機能を使い、さらに一歩踏み込んだ表現として作られたのが、UFOが放つトラクタービーム等のエフェクトです。トラクタービームの絵は、ビームの形と重なる背景の絵をそのまま使い、その絵のカラーパレットを、発光して見える数種類のカラーに入れ替えながら、さらにラスタースクロールをかけることで、ビームを通して見た背景が揺らいで見えるように表現しているんです。このエフェクトを作ったのは、ドッターのTOMO君なんですが、UFOと背景の座標を完璧に一致させないと、なんちゃって半透明に見えなくなってしまうので、TOMO君は敵配置担当のmeeher君に、こう念を押しました。「ビームエフェクトを1から作り直しになってしまうから、UFOと背景の座標は絶対に変更するなよ！」すると、meeher君は、「わかった、絶対に変えない」と言っていたんですが、数日後UFOの位置を変えてしまいます。 meeher君は、TOMO君が、とんでもない手間を掛けてあのエフェクトを作っていたことを理解していなかったようで、めちゃくちゃ怒られていました。あの頃のTOMO君はスケジュール度外視で、納得がいくまで時間を使ってしまうドッターだったので、通常の担当作業に組み込むのは難しかったんです。そこで、後輩たちの絵の手直しや、クオリティアップに繋がる作業を、やりたいようにやらせていました。手が遅くても良い仕事をするクリエイターには充分な時間を与え、作品全体のクオリティアップに努めてもらう。そういう贅沢な人員配置も、メタスラの拘りの一つかもしれません。あの半透明に見えるエフェクトは、そうやって時間を気にせず動ける存在と、『キャメル』があったからこそ生まれた表現なんでしょうね。 #METALSLUG #PixelArt #retrogaming

『METAL SLUG』の開発中、魔法使いと呼ばれていた天才プログラマー、ANDY君が作ったドット絵エディター『キャメル』。それは、まさにドッターたちにとって、夢のようなツールでした。その名前は、当時ANDY君が好きだったタバコ『Camel』から取ったもの。ツールのアイコンには、タバコのパッケージに描かれているヒトコブラクダ『オールドジョー』を、ANDY君自らドット絵で描き起こしたものを使っていました。アイレムで使っていたドット絵エディター『さだやんペイント』には、『海底大戦争』でSUSUMU君が表現していた水中背景の揺らめきのような、ラスタースクロール表現を簡単に作れる機能があったんです。その機能は『キャメル』にも引き継がれており、『METAL SLUG』でも、砂漠の遠景を陽炎のように揺らす表現などに使っていました。その機能を使い、さらに一歩踏み込んだ表現として作られたのが、UFOが放つトラクタービーム等のエフェクトです。トラクタービームの絵は、ビームの形と重なる背景の絵をそのまま使い、その絵のカラーパレットを、発光して見える数種類のカラーに入れ替えながら、さらにラスタースクロールをかけることで、ビームを通して見た背景が揺らいで見えるように表現しているんです。このエフェクトを作ったのは、ドッターのTOMO君なんですが、UFOと背景の座標を完璧に一致させないと、なんちゃって半透明に見えなくなってしまうので、TOMO君は敵配置担当のmeeher君に、こう念を押しました。「ビームエフェクトを1から作り直しになってしまうから、UFOと背景の座標は絶対に変更するなよ！」すると、meeher君は、「わかった、絶対に変えない」と言っていたんですが、数日後UFOの位置を変えてしまいます。 meeher君は、TOMO君が、とんでもない手間を掛けてあのエフェクトを作っていたことを理解していなかったようで、めちゃくちゃ怒られていました。あの頃のTOMO君はスケジュール度外視で、納得がいくまで時間を使ってしまうドッターだったので、通常の担当作業に組み込むのは難しかったんです。そこで、後輩たちの絵の手直しや、クオリティアップに繋がる作業を、やりたいようにやらせていました。手が遅くても良い仕事をするクリエイターには充分な時間を与え、作品全体のクオリティアップに努めてもらう。そういう贅沢な人員配置も、メタスラの拘りの一つかもしれません。あの半透明に見えるエフェクトは、そうやって時間を気にせず動ける存在と、『キャメル』があったからこそ生まれた表現なんでしょうね。 #METALSLUG #PixelArt #retrogaming

akio

794,304 次观看 • 5 个月前

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

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

Miyamoto

18,915 次观看 • 4 个月前

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

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

にゃんねこ

55,818 次观看 • 3 个月前

こちらはショスタコーヴィチの革命を打ち込んで鳴らした動画。オーケストラ音源って単体で鳴らしたらリアルでも、多くの楽器が重なった時にシンセ臭さが出るものです。発音タイミングをずらせば良いとかそういう簡単な話でなく、ホールで鳴ってる音の混ざり方とか位置関係による干渉の仕方とか、「その場で何が起きているのか？」をシミュレーションして再現することでなんとか良い感じになってきました。残響を付加するだけの既存のリバーブでは再現できなかったことです。inspirataでも無理でした。AIのおかげで、自分がやりたいことを再現できるツールを作れるようになってきました。良い時代です。

こちらはショスタコーヴィチの革命を打ち込んで鳴らした動画。オーケストラ音源って単体で鳴らしたらリアルでも、多くの楽器が重なった時にシンセ臭さが出るものです。発音タイミングをずらせば良いとかそういう簡単な話でなく、ホールで鳴ってる音の混ざり方とか位置関係による干渉の仕方とか、「その場で何が起きているのか？」をシミュレーションして再現することでなんとか良い感じになってきました。残響を付加するだけの既存のリバーブでは再現できなかったことです。inspirataでも無理でした。AIのおかげで、自分がやりたいことを再現できるツールを作れるようになってきました。良い時代です。

ロマシゲ@DTMオーケストラアレンジ

33,913 次观看 • 3 个月前

ぶいちゃ向けの照明システムを作ってるなかで、ずっとまえからやりたかったオリジナルの照明をつくってます。実際にある製品のスペックシートをみながらほんものぽい光の見た目で、かつ描画負荷の軽いものを目指してます。いまは負荷テストをしています。見た目どうでしょうか。。。🫢

ぶいちゃ向けの照明システムを作ってるなかで、ずっとまえからやりたかったオリジナルの照明をつくってます。実際にある製品のスペックシートをみながらほんものぽい光の見た目で、かつ描画負荷の軽いものを目指してます。いまは負荷テストをしています。見た目どうでしょうか。。。🫢

こはだ

2,069,823 次观看 • 1 个月前