AIとUIデザインについて発信しています。Filmarksを運営する（株）つみきのリードデザイナー。UI考察、制作・開発事例： https://nitter.cf/t.co/QtPs2JtABR
神奈 藤沢市
Joined May 2007
- Tweets9.5K
- Following1.8K
- Followers8.2K
- Likes18.7K
Figmaエージェント + Figma Motionと、Figma Makeからモーション追加の比較。
イラストなどビジュアル要素に動きを加える場合はエージェント＋Motionが良い。動画やアニメーションSVGで書き出せるので取り回しがしやすく、タイムラインから再編集できる。
Figma Makeからモーション追加した場合は、<span>や<img>などのDOM要素にJS・CSSで動きが加わる。ボタンやグラフ、画面遷移などの演出に向いている。
左：Figma Motion、右：Figma Make
今回のFigma Make-a-thonは、Figmaエージェント、Motion、Makeを活用して、1時間で動きのあるアプリ・Webを作って、それぞれ発表する形式。
ハードル高めで不安もあったんですが、参加者全員完成できて素晴らしかった！
#fof_shonan
Figma MotionからMakeにモーションをコピーする機能は公式には提供されていないが、DevモードからJSONコードをコピーして、Makeでオブジェクトを選択してコードを渡すと反映してくれる。
来週のイベント準備をしていたら、Figma MakeとFigmaエージェントで初手のデザインがかなり異ることに気がついた。何に起因する違いだろう？
左：Figmaエージェントで作成
右：Figma Makeで作成
どちらも「眠れなくなる、健康管理アプリのデザイン」を依頼
今週末です！ぜひご参加ください。
ハロウィンの午後は、鎌倉でFigmaしませんか？
10/31土 14時から ＠カヤックさん
friends.figma.com/events/det…
Figma MakeやFigmaエージェントを使って90分でお題に挑戦するMake-a-thonです🎃
参加無料・定員20名。ノートPC持参でご参加ください。 #fof_shonan
ハロウィンの午後は、鎌倉でFigmaしませんか？
10/31土 14時から ＠カヤックさん
friends.figma.com/events/det…
Figma MakeやFigmaエージェントを使って90分でお題に挑戦するMake-a-thonです🎃
参加無料・定員20名。ノートPC持参でご参加ください。 #fof_shonan
ちょうど読んでいた岩田聡さんの発言録にも同じような言葉が。作り手として身にしみる。
figma問題はこの話に尽きる。 ／ 僕らはいつも、「作る」ことと「作業する」ことを分けて考えています。何かを作ろうと思ったら、まず大きな構成を作る。そこから先は空いている穴を埋めたり、きれいに仕上げたりするのが「作業」です。
これが厄介で、作業って楽しいんです。作業をしていると、ものすごく「作っている」満足感がある。でも怖いのは、その作業に満足して、「けっこういいものができた」と勘違いしている自分なんですよ。
だから、AIがいろんな作業をしてくれるようになればなるほど、本当に「作る」とはどういうことなのかを、みんなが真摯に考える機会になる。それは大いにいいことだと思っています。 ／
news.denfaminicogamer.jp/int… @denfaminicogameより
宮本茂さんの会見動画もあった。全編必見なんだけど、生成AIとものづくりについての回答は24:20あたり。
youtu.be/9xHDl3Rl9YU?si=RWbG…
鈴木慎吾 / TSUMIKI INC. retweeted
figma問題はこの話に尽きる。 ／ 僕らはいつも、「作る」ことと「作業する」ことを分けて考えています。何かを作ろうと思ったら、まず大きな構成を作る。そこから先は空いている穴を埋めたり、きれいに仕上げたりするのが「作業」です。
これが厄介で、作業って楽しいんです。作業をしていると、ものすごく「作っている」満足感がある。でも怖いのは、その作業に満足して、「けっこういいものができた」と勘違いしている自分なんですよ。
だから、AIがいろんな作業をしてくれるようになればなるほど、本当に「作る」とはどういうことなのかを、みんなが真摯に考える機会になる。それは大いにいいことだと思っています。 ／
news.denfaminicogamer.jp/int… @denfaminicogameより