Layrr

概要

Layrr は実際のコードベースを Framer のように視覚編集できるブラウザツール。コードはリポジトリ内のまま動作し、React/Vue/Svelte/HTML などどのフレームワークにも対応。

主な特徴

• 視覚編集（ドラッグ・リサイズ・配置）
• Figma からコードへ変換
• ブラウザ内テキスト編集
• 自然言語でデザイン
• フレームワーク横断対応
• コードはリポジトリに保持
• 100% 無料・オープンソース (AGPLv3)

開発者の背景

デザインとコードのギャップを埋めるため、実際のコードと視覚編集を結ぶブラウザエージェントとして開発。