CSS Studio

Motion 제작진으로부터

AI로 웹사이트에 직접 디자인하세요.

카피를 인라인으로 편집하고, 슬라이더로 스타일을 조정하며, 변형(variants)으로 반복 작업하세요. 기존 AI 에이전트가 모든 것을 작성하여 코드베이스에 직접 적용합니다.

생성(Generate): 하나의 프롬프트에서 여러 대안을 만듭니다.반복(Iterate): 메모를 추가하거나 가장 마음에 드는 것부터 다시 생성할 수 있습니다.수락(Accept): 최종 결과물을 커밋하고 나머지는 폐기합니다.

모든 화면. 모든 브레이크포인트.

프리셋 사이를 이동하거나 원하는 가로 × 세로 크기를 설정할 수 있습니다. 모든 변경 사항은 올바른 브레이크포인트에 작성되며, 한 번의 클릭으로 에이전트에게 모바일 레이아웃에 맞게 조정하도록 요청할 수도 있습니다.