웹 디자인, 이제 원클릭으로 복사!
by DD
5개월 전
조회수 10
MiroMiro는 웹사이트 디자인 및 에셋을 간편하게 복사하는 Chrome 확장 프로그램이다.
CSS, 색상, 폰트, 간격 등 디자인 요소를 즉시 복사하고 추출할 수 있다.
Tailwind config 또는 CSS 변수로 디자인 토큰을 내보낼 수 있다.
MiroMiro의 핵심 기능: 디자인 요소 추출
MiroMiro는 웹 페이지의 CSS, 색상, 폰트 정보를 즉시 추출한다. 구체적으로, 개발자 도구 없이도 스타일 속성을 복사할 수 있다. 따라서, 디자인 시스템 구축 시 시간 절약과 일관성 유지에 기여한다.
Tailwind CSS 및 CSS 변수 내보내기
MiroMiro는 추출한 디자인 정보를 Tailwind config 또는 CSS 변수로 내보낼 수 있다. 따라서, 디자인 시스템을 구축하고 유지보수하는 데 유용하다. 반면, 복잡한 레이아웃의 경우 수동 조정이 필요할 수 있다.
MiroMiro 활용 팁: 개발 생산성 향상
MiroMiro를 활용하면 웹 디자인 재사용성을 높일 수 있다. 구체적으로, Lottie 애니메이션과 SVG 이미지를 쉽게 다운로드할 수 있다. 따라서, 개발자는 디자인 구현에 소요되는 시간을 단축하고, 개발 생산성을 향상시킬 수 있다.
![[MiroMiro] Copy any website's design & assets in one click](https://static.devday.kr/thumbnails-w1200/ph-1056605-2e1f6ec9.webp)
