01 / OVERVIEW
Design In The Browser란?
Design In The Browner는 AI 개발에 시각적인 디자인을 연결하는 AI 중심의 시각 전면 개발 도구입니다. 사용자는 브라우저의 모든 사이트 요소를 클릭하여 자연 언어에 필요한 변경 사항을 설명하고 통합 된 인사이드 터미널에서 AI 모델 (Claude Code, Cursor 또는 Gemini CLI)에 직접 명령 ( 스크린 샷 포함)을 보내주십시오. 이 프로세스는 선택 또는 설명 레이아웃의 수동 복사에 대한 필요성을 제거하고 개발자가 신속하게보기, 기술 및 수정 요소를 허용하고 AI 처리 코드에 의해 준비됩니다。
02 / CAPABILITIES
주요 기능
편집을 클릭합니다, 즉시 AI 명령 줄 도구로 명령을 보내
Code Editor 통합 (소스로 이동)
다중 편집 큐 용량
브라우저 및 코드 측면 작업에 대한 통합 터미널
Responsive 테스트 (사용자 정의 시각적 스위처)
참고 이미지 지원 (pixel 정밀도 끝을 위해)
03 / AUDIENCE & USE CASES
활용 사례와 대상
인증에 대한 편집
입력
인증에 대한 편집
출력
인증에 대한 편집
BENEFITS & LIMITS
장점과 제한 사항
장점
- 允许使用自然语言进行设计编辑，无需复制选择器。
- 集成强大的外部 AI 编码工具（Claude Code、Cursor、Gemini CLI）。
- 具有内置的响应式测试和视口自定义功能。
- 支持多重编辑排队，提高工作效率。
- 提供与首选代码编辑器的无缝集成。
제한 사항
- 需要外部 AI 工具（Claude Code、Cursor 或 Gemini CLI）才能运行。
- 系统兼容性有限（macOS 13+ / Windows 10+）。
SOURCES
공식 웹사이트 및 출처
RELATED COLLECTIONS
관련 주제
NEWS REPORTS
