Material 3 ExpressiveのUIデザインツールをオープンソースとして公開しました🎉 Web上でUIを組み立てるだけで、AIへの指示用プロンプトが完成します！ Androidアプリをバイブコーディングで作る方はぜひ試してみてください👇 #個人開発

ソースコードはGitHubにてMITライセンスのもとで公開しています！こちらです👇️

would be cool if you could change the swipe transition movement, so like pressing the button swipes the current view to the right and uncovers the new view instead of always covering the current view with the new view coming from the right

Thanks! I’ve added customizable swipe directions and a back transition animation.

That's low-key kinda cool

これって、動的コンテンツもいけるのかな……行けたらもうね、これまじ流行るまじで。有料でも買うてかそれもできるならもう有料でもいいと思う

Can we have it later for web dev. Its actually great. I'd also love to be a contributor

Thanks! If you expand this to the web, you won't be able to compete with Figma...

READMEの「画面をつないで、実際にタップしてからプロンプト化」がいいですね。「このボタンの次はどこ？」を先に決められる。見た目の指定より、遷移の曖昧さを減らせる点に価値を感じます。

How do you render m3e on the web?

built it with handcrafted React components and CSS, without an M3 library. Credits:

SO COOL! This came to my feed just when I decided to learn android development

Love it, need more components

Good tool for prototyping

@RydMike

Esto es increible, incluso para un desarrollador android sirve mucho para tener un molde rapido como queres que quede la app!

公開おめでとうございます。★62、1日で速いですね。うちの小さいリポジトリを今日測ったら、14日でユニーク訪問2人に対してクローンが19人でした。別のは訪問5人でクローン30人です。star は反応の一部しか映していませんでした。Insights の Traffic に本数が出ます。自分は star 0 を「誰も見ていない」と読んでいて、まるごと外していました。

デザインツールとコード生成の間を、AIへ渡せる指示文でつないでいるのが面白いですね。配置だけでなく、余白・色・状態変化も構造化して出力できると、生成後の手直しをさらに減らせそうです。

What about desktop layout?

Thanks! Tablets and foldables are Android, so they're future candidates. For now, I'm prioritizing the smartphone 🔥

这下画界面和喂给 AI 可以一起搞了

谢谢！现在已经支持中文了

Interesante

Brilliant, it is very helpful

Why do you even need ai slop for that bruh

すごい、、、

うちも似た発想で、Figmaのコンポーネント名をそのままプロンプトの変数名に流用してから、デザインとコードの対応が取りやすくなりました。UIを描くだけでプロンプト化できる仕組みは、AIへの指示のブレを構造的に減らせるのが良いですね。

为什么不直接Androidostudio😅重复制造AI slop是什么时尚么