AIとUIデザインについて発信しています。Filmarksを運営する（株）つみきのリードデザイナー。UI考察、制作・開発事例： https://xitter.gq/t.co/QtPs2JtABR
神奈 藤沢市
Joined May 2007
- Tweets9.5K
- Following1.8K
- Followers8.2K
- Likes18.7K
Instagramの動画編集ソフトEditsのMac版がリリースされてる。
edits.instagram.com/blog/edi…
Mobile版には無い機能としてMCP対応が紹介されてる。エージェントにざっくり編集させて、細部は自分で手動調整するような使い方ができるかもしれない。
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