【脱・開発者依存】非エンジニアがプロダクション環境で即プロトタイプできる「Playground」を公開しました！

KshitijとRahulです。私たちは、非エンジニアチームが開発者を煩わせることなく、既存のプロダクションコード上で直接プロトタイプを作成できるオープンソースのサンドボックス「Playground」を開発しました。リポジトリはこちら：https://github.com/B1u3B01t/design-playground 。私たちは6年間共に働いてきました。当初はデザイナーがボトルネックだと考えAIデザインエージェントを作りましたが、それは間違いでした。多くのチームと話す中で、デザイナー、PM、創業者、さらには営業担当者でさえ、実際のアプリのように動作するユーザーフローを素早く試したいと願っていることに気づいたのです。しかし、エンジニア側は非エンジニアがプロダクション環境を壊すことを恐れますし、かといってモック用の別リポジトリを用意するのは同期の手間がかかり本末転倒です。そこで私たちは、この問題を解決するためにオープンソースのPlaygroundを作りました。直感的なUX、Claude/Codex連携、コラボレーション機能、そしてFigmaのようなクローズドな環境とは異なり、ワンクリックでコードを取得できる安全なガードレールを備えています。現在Next.jsプロジェクトをサポートしており、今後は対応フレームワークを拡充予定です。社内サンドボックスを運用しているチームからのフィードバックを心待ちにしています。ぜひ、あなたのチームの非エンジニアメンバーに自由な「遊び場」を提供してください！

最高！プロダクトチームにとって革新的なソリューションだね。試すのが楽しみ。

デザイナーとして、これはかなり助かる。エンジニアを煩わせることなくデザインできるのはいいね。

これめっちゃクール！早くうちのプロダクトチームに教えたいわ。アイデアを素早く試せるようになるだけじゃなくて、彼らの要望がいかに複雑なものか理解してもらうのにも役立ちそう！！ :P

アプリ版ってある？

細かい修正をいちいち詰め寄ってくるデザイナーにうんざりしてたから、これはマジで助かるわ。

興味深いね、チェックしてみるよ！

これ実際かなりイケてるな。どこで試せるの？

とりあえず試してみないと！

これマジで最高……ここ数日使ってるけど、コードとの連携がヤバいし、デザインシステムとの整合性もバッチリ。他のVibeデザインツールには欠けていた部分だね。

見た感じ素晴らしそう。モック用のリポジトリを本番環境と同期させ続けるのっていつも悪夢だからね。プロダクトチームと試すのが待ちきれないよ！