Onlook｜Onlookは、「デザイナー向けCursor」とも呼ばれるオープンソースのビジュアルエディタです。ReactとTailwind CSSで書かれたWebアプリの画面をFigmaのようなGUIで直接クリックして編集すると、その変更が実際のコードに反映されるのが最大の特徴で、AIへのチャット指示によるUIの生成・修正にも対応します。デザインツールと実装コードを往復するうちに生じる「デザインと実物のズレ」を根本から無くすアプローチとして注目されており、GitHub上で開発が進むオープンソースとして無料で利用できます。エンジニアと共同でUIを詰めたいデザイナーや、コードベースを保ったまま画面を素早く調整したい開発チームに向いています。

Onlookは、「デザイナー向けCursor」とも呼ばれるオープンソースのビジュアルエディタです。ReactとTailwind CSSで書かれたWebアプリの画面をFigmaのようなGUIで直接クリックして編集すると、その変更が実際のコードに反映されるのが最大の特徴で、AIへのチャット指示によるUIの生成・修正にも対応します。デザインツールと実装コードを往復するうちに生じる「デザインと実物のズレ」を根本から無くすアプローチとして注目されており、GitHub上で開発が進むオープンソースとして無料で利用できます。エンジニアと共同でUIを詰めたいデザイナーや、コードベースを保ったまま画面を素早く調整したい開発チームに向いています。