Subframe

Subframe은 웹 인터페이스를 시각적으로 디자인하고, 직접 다시 만들 필요 없이 기존 코드베이스에 적용하려는 제품 디자이너와 프런트엔드 개발자를 위한 도구입니다. 캔버스에서는 드래그 앤 드롭 편집, 레이어, 레이아웃 제어, 재사용 가능한 컴포넌트와 디자인 토큰을 사용할 수 있습니다. 디자인을 React 및 Tailwind 코드로 내보낼 수 있어, UI 디자인을 실제 구현과 더 긴밀하게 연결하려는 팀에 적합합니다. Subframe은 캔버스에 내장 브라우저와 코딩 에이전트도 결합합니다. 실행 중인 앱을 확인하고, 페이지를 편집 가능한 디자인으로 살펴보거나 캡처하고, AI가 생성한 여러 버전을 탐색한 뒤, 승인된 변경 사항을 프로젝트 파일을 다루는 에이전트에 전달할 수 있습니다. Claude Code 및 Codex를 활용한 워크플로를 지원하며, MCP를 통해 Cursor와 같은 에이전트에도 연결할 수 있습니다. Subframe은 웹 앱, 웹사이트, 내부 도구에 적합합니다. React와 함께 사용할 때 가장 잘 작동하지만, 브라우저와 캔버스는 더 폭넓은 웹 기반 프로젝트도 지원합니다.

면책 조항: WebCatalog는 Subframe와(과) 제휴, 연계, 승인 또는 보증 관계에 있지 않으며, 어떠한 방식으로도 공식적인 관련이 없습니다. 모든 제품명, 로고 및 브랜드는 해당 소유자의 자산입니다.