divmagic DivMagic

모든 웹사이트에서 디자인 복사

한 번의 클릭으로 웹사이트 요소의 코드를 복사할 수 있는 브라우저 확장 프로그램

사용처

Ethan GloverJeff WilliamsMichael HoffmanWill BowmanBrianKurt Lekanger

+ 수백명의 다른 개발자들!

개발자가 사용하는 곳

개발 시간을 대폭 단축

빠르고 쉬움

원클릭으로 스타일 복사

더 이상 디자인에 대해 생각하는 데 시간을 낭비하지 마세요.

몇 초 만에 한 번의 클릭으로 모든 것을 복사할 수 있습니다. 심지어 완전한 웹사이트도 있습니다.

Tailwind CSS

모든 구성요소를 Tailwind CSS로 변환

복사한 모든 섹션을 Tailwind CSS 구성 요소로 가져올 수 있습니다(웹 사이트에서 Tailwind CSS를 사용하지 않는 경우에도 마찬가지).

React/JSX

모든 구성 요소를 JSX로 변환

복사한 모든 섹션을 React/JSX 구성 요소로 가져올 수 있습니다.

모든 웹사이트의 모든 요소에 대한 코드를 받으세요

모든 웹사이트에 있는 모든 요소의 HTML/CSS 코드를 얻을 수 있습니다.

한 번의 클릭으로 모든 웹사이트의 모든 요소 코드를 복사할 수 있습니다.

원하는 경우 한 번의 클릭으로 전체 페이지를 복사할 수도 있습니다.

Media Query 지원(React형)

복사하려는 요소의 미디어 쿼리를 복사할 수 있습니다.

이렇게 하면 복사된 스타일이 React하게 됩니다.

CSS를 Tailwind CSS로 변환

모든 CSS 코드를 Tailwind CSS로 변환할 수 있습니다.

복사하려는 웹사이트에서는 Tailwind CSS를 사용할 필요가 없습니다.

DivMagic은 모든 CSS 코드를 Tailwind CSS로 변환합니다(색상도!).

iframe을 통해 코드 복사

iframe에서 코드를 복사할 수 있습니다.

일부 웹사이트에서는 콘텐츠 복사를 방지하기 위해 iframe에 콘텐츠를 넣습니다. DivMagic은 iframe을 통해 코드를 복사할 수 있습니다.

DevTools 통합

브라우저의 개발 도구에서 바로 DivMagic을 사용하세요.

확장 프로그램을 표시하지 않고도 DivMagic의 기능에 액세스할 수 있습니다.

개발자 콘솔 내에서 웹 요소를 재사용 가능한 구성 요소로 변환하고 캡처하세요.

모든 구성 요소를 React/JSX로 변환

모든 구성 요소를 JSX로 변환할 수 있습니다.

복사한 모든 섹션을 React/JSX 구성 요소로 가져올 수 있습니다. 코드를 검사할 필요가 없습니다.

웹사이트가 React를 사용하지 않더라도 말이죠.

DivMagic Studio 통합

복사한 요소를 DivMagic Studio로 내보낼 수 있습니다.

이렇게 하면 요소를 편집하고 쉽게 변경할 수 있습니다.

DivMagic Studio에 구성 요소를 저장하고 언제든지 방문할 수 있습니다.

개발자와
디자이너에게
사랑받는

가격

모든 웹사이트에서 작동

Chrome 및 Firefox에서 사용 가능

전액 환불 정책
1000명 이상의 개발자가 사용
헌신적이고 빠른 지원
지속적인 업데이트 및 새로운 기능

월간 간행물

$16/

해당되는 경우 지방세 또는 VAT 제외

  • Google Chrome에서 사용 가능(Brave, Edge 등과 같은 모든 Chromium 기반 브라우저 포함)

  • 파이어폭스에서 사용 가능

  • 원하는 만큼 많은 장치에서 사용 가능

  • 모든 향후 업데이트 및 기능 포함

  • 환불 보증

매년

$96/년도

해당되는 경우 지방세 또는 VAT 제외

  • 구하다 - 6개월 무료

  • Google Chrome에서 사용 가능(Brave, Edge 등과 같은 모든 Chromium 기반 브라우저 포함)

  • 파이어폭스에서 사용 가능

  • 원하는 만큼 많은 장치에서 사용 가능

  • 모든 향후 업데이트 및 기능 포함

  • 환불 보증

🎁 한정 할인

일회성 결제

가장 인기 많은
$300
$200

해당되는 경우 지방세 또는 VAT 제외

  • 평생 액세스

  • Google Chrome에서 사용 가능(Brave, Edge 등과 같은 모든 Chromium 기반 브라우저 포함)

  • 파이어폭스에서 사용 가능

  • 원하는 만큼 많은 장치에서 사용 가능

  • 모든 향후 업데이트 및 기능 포함

  • 환불 보증

자주 묻는 질문

DivMagic은 무엇을 합니까?

DivMagic을 사용하면 웹 요소를 쉽게 복사, 변환 및 활용할 수 있습니다. HTML과 CSS를 인라인 CSS, 외부 CSS, 로컬 CSS 및 Tailwind CSS를 포함한 여러 형식으로 변환하는 다목적 도구입니다.

웹사이트의 모든 요소를 ​​재사용 가능한 구성 요소로 복사하여 코드베이스에 직접 붙여넣을 수 있습니다.

어떻게 사용하나요?

먼저 DivMagic 확장 프로그램을 설치하세요. 웹사이트로 이동하여 확장 아이콘을 클릭하세요. 그런 다음 페이지에서 요소를 선택합니다. 선택한 형식의 코드가 복사되어 프로젝트에 붙여넣을 준비가 됩니다.

데모 비디오를 시청하여 작동 방식을 확인할 수 있습니다.

지원되는 브라우저는 무엇입니까?

Chrome 및 Firefox용 확장 프로그램을 얻을 수 있습니다.

Chrome 확장 프로그램은 Brave 및 Edge와 같은 모든 Chromium 기반 브라우저에서 작동합니다.

환불 정책은 무엇입니까?

DivMagic이 만족스럽지 않은 경우, 구매 후 30일 이내에 이메일을 보내주시면 묻지 않고 환불해 드립니다.

support@divmagic.com

구독을 어떻게 수정하나요?

고객 포털로 이동하여 구독을 수정할 수 있습니다.
고객포털

모든 웹사이트에서 작동하나요?

예. 웹사이트의 모든 요소를 ​​복사하여 선택한 형식으로 변환합니다. iframe으로 보호되는 요소를 복사할 수도 있습니다.

복사하려는 웹사이트는 어떤 프레임워크로도 구축할 수 있으며 DivMagic은 모든 프레임워크에서 작동합니다.

드물기는 하지만 특정 요소가 완벽하게 복사되지 않을 수 있습니다. 이러한 요소가 발견되면 신고해 주세요.

요소가 올바르게 복사되지 않은 경우에도 복사된 코드를 시작점으로 사용하여 변경할 수 있습니다.

Tailwind CSS 변환은 모든 웹사이트에서 작동하나요?

예. 복사하려는 웹사이트는 어떤 프레임워크로도 구축할 수 있으며 DivMagic은 모든 프레임워크에서 작동합니다.

웹사이트를 Tailwind CSS로 구축할 필요는 없습니다. DivMagic이 CSS를 Tailwind CSS로 변환해 드립니다.

제한 사항은 무엇입니까?

가장 큰 제한은 JavaScript를 사용하여 페이지 콘텐츠 표시를 수정하는 웹사이트입니다. 이러한 경우 복사된 코드가 정확하지 않을 수 있습니다. 그러한 요소를 발견하면 당사에 신고해 주십시오.

요소가 올바르게 복사되지 않은 경우에도 복사된 코드를 시작점으로 사용하여 변경할 수 있습니다.

DivMagic 업데이트는 얼마나 자주 이루어지나요?

DivMagic은 정기적으로 업데이트됩니다. 우리는 지속적으로 새로운 기능을 추가하고 기존 기능을 개선하고 있습니다.

1~2주마다 업데이트를 출시합니다. 모든 업데이트 목록은 변경 로그를 참조하세요.

변경 로그

최신 소식을 받고 싶으신가요?
DivMagic 이메일 목록에 가입하세요!

뉴스, 새로운 기능 등에 대해 가장 먼저 알아보세요!

언제든지 구독을 취소하세요. 스팸이 없습니다.

DivMagic - Copy design from any website | Product Hunt

© 2023 DivMagic, Inc. 모든 권리 보유.