divmagic DivMagic

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

한 번의 클릭으로 웹사이트 요소의 코드를 쉽게 복사할 수 있습니다. 지금 사용해 보세요!

arrow
Ethan GloverKevin McGrewDaniroBryan BrooksMichael HoffmanVictor RheaBrianKurt Lekanger
8000명 이상의 개발자가 사용함
8,000명 이상의 개발자가 신뢰함
divmagic
마법 같은 브라우저 확장:
수백 시간을 절약하세요
크롬 및 파이어폭스 호환
+100만 개 이상의 요소 복사
가장 빠른 지원
색상 선택기, 글꼴 복사 및 기타 통합 도구
나만의 구성 요소 라이브러리 만들기

8000명 이상의 개발자가 사용:

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

모든 웹사이트에 있는 모든 요소의 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에 구성 요소를 저장하고 언제든지 방문할 수 있습니다.

DivMagic Toolbox

웹 개발에 필요한 모든 도구가 한곳에 있습니다.

웹사이트에서 글꼴을 복사하여 프로젝트에서 직접 사용할 수 있습니다. 모든 웹사이트에서 색상을 복사하여 프로젝트에서 직접 사용할 수 있습니다. 모든 색상을 어떤 형식으로든 변환하세요. 그리드를 추가합니다.

그리고 더...

멋진 웹사이트를 더 빠르게 구축하는 데 필요한 모든 도구

시간을 들이지 않고도 최고의 디자인을 얻을 수 있습니다.

조사관

모든 웹사이트에 있는 모든 요소의 코드를 받으세요. DivMagic은 프로젝트에서 사용할 수 있는 가장 간결하고 깔끔한 코드를 제공합니다.

변환기

모든 구성요소를 React/JSX로 변환하세요. 복사한 모든 섹션을 React/JSX 구성 요소로 가져올 수 있습니다. 웹사이트의 프레임워크에 관계없이.

순풍 CSS

CSS를 Tailwind CSS로 변환합니다. DivMagic은 모든 CSS 코드를 Tailwind CSS(색상도!)로 변환합니다. 복사하려는 웹사이트에서는 Tailwind CSS를 사용할 필요가 없습니다.

IFRAME 지원

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

반응형

복사하려는 요소나 페이지의 미디어 쿼리를 복사할 수 있습니다. 이렇게 하면 복사된 스타일이 반응하게 됩니다.

DEVTOOLS 통합

브라우저의 개발 도구에서 바로 DivMagic을 사용하세요. 확장 프로그램을 표시하지 않고도 DivMagic의 모든 기능에 액세스할 수 있습니다.

스튜디오 통합

복사한 요소를 DivMagic Studio로 내보낼 수 있습니다. DivMagic Studio는 요소를 편집하고 쉽게 변경할 수 있는 강력한 온라인 편집기입니다.

전체 페이지 사본

한 번의 클릭으로 전체 페이지를 복사할 수 있습니다.

공구 상자

웹 개발에 필요한 모든 도구가 한곳에 있습니다. 실시간 편집, 색상 선택기, 디버거 등.

글꼴 복사

웹사이트에서 글꼴을 복사하여 프로젝트에서 직접 사용할 수 있습니다.

색상 선택기

모든 웹사이트에서 색상을 복사하여 프로젝트에 직접 사용할 수 있습니다. 모든 색상을 어떤 형식으로든 변환하세요.

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

“놀라운! 이로 인해 생산성이 1000배 증가했습니다. 인터넷에 있는 기존 항목에 대한 Tailwind 코드를 복사하기가 매우 쉽습니다.”

testimonial author
Jeff Williams
ex-AWS Software Development Engineer

매우 유용합니다! 시간을 매우 절약해 준다는 것은 의심의 여지가 없습니다!”

testimonial author
Kurt Lekanger
journalist, code24

“🛠️ DivMagic 👉🏻 요소를 Tailwind CSS(색상 포함)로 직접 변환하는 Chrome 확장 프로그램입니다.”

testimonial author
Michael Hoffman
Senior Frontend Developer

내가 찾던 바로 그 것! 내가 시도한 일이 잘 이루어지고 있습니다.”

testimonial author
Will Bowman

잘 작동합니다! 출력이 매우 작아서 사용 사례에 맞게 수정하기가 매우 쉽습니다!”

Nichole Peterson

프런트엔드 개발자는 필수입니다! React 및 Tailwind와 함께 훌륭하게 작동하는 방식이 정말 마음에 들었습니다. UI와 UX의 용이성이 제가 가장 좋아하는 점입니다.”

Steven J.

“저는 강력히 추천합니다. 마법 같은 일이죠!”

Javier

“이제 디자인을 더욱 쉽게 훔칠 수 있습니다! 🤭”

testimonial author
Ethan Glover
Application Engineer

“훌륭한 도구입니다. 가치는 비용보다 훨씬 뛰어납니다.”

testimonial author
Bryan Brooks

DivMagic은 웹페이지의 해당 섹션을 가져와서 완벽하게 표시할 수 있는 최고의 도구인 보물입니다. 한번 사용해 보세요. 단 며칠 만에 비용이 절감됩니다.”

testimonial author
Victor Rhea

“돈 가치가 있는 훌륭한 유료 도구입니다!”

testimonial author
Daniro

훌륭한 도구이며 시간을 크게 절약해 줍니다. 개발자이고 UI 디자인을 빠르게 얻을 수 있는 방법을 원한다면 이 도구가 매우 좋습니다.”

testimonial author
Martin Young

“브라우저에 있어서 좋네요”

testimonial author
Reza Hartana

“개발에 많은 시간을 절약할 수 있는 훌륭한 도구입니다.”

testimonial author
Jackie Chong

엄청나게 잘 작동합니다 - React + TailwindCSS에서도 마찬가지입니다. 매우 감동받았습니다.”

testimonial author
J L

“놀라운 도구! 나는 강력한 사용과 작동 용이성을 좋아합니다. 개발자라면 두 번 생각하지 말고 꼭 구매하세요.

testimonial author
Giuliani Prosecutor

“환상적인 도구입니다. Tailwind 구성 요소와 함께 사용하면 사용 후 처음 30분 이내에 쉽게 시간을 절약할 수 있습니다. 거의 즉시 비용을 지불합니다.”

testimonial author
Brendan OC

“과거에 3개 이상의 유사한 도구를 테스트했습니다. DivMagic은 품질 측면에서 단연 최고 중 하나입니다.

testimonial author
John Techozens

“놀라운 도구입니다. 웹사이트를 구축한다면 이것이 더 이상 생각할 필요가 없습니다. 템플릿을 조작하고 CSS를 수정하는 데 많은 시간이 절약됩니다.”

testimonial author
Kevin McGrew

매우 유용한 애드온! 시간과 노력을 절약해 주기 때문에 전체 제품에 대한 비용을 지불했습니다.”

Torra Laq

멋진 도구입니다. 개발자에게 매우 유용한 도구입니다.”

testimonial author
Talha Tonmoy

Divmagic 개발은 멋지네요.

Lewis

“이 놀라운 도구는 제가 작업에 소비하는 시간을 크게 줄여주었고 제 업무 루틴에 완벽하게 들어맞았습니다. 웹사이트 개발 분야의 사람들에게 중요한 도구입니다. 기술 지원은 제가 요청한 후 몇 시간 내에 도움을 주었습니다. 인상적인.”

testimonial author
Vasttee Design

많은 시간을 절약해 주는 최고의 도구 일부 JSX 반응형 미디어를 개선해야 하며 다른 하나는 매우 도움이 됩니다.”

testimonial author
Azfar Masood
더 많은 사용후기 보기

가격

모든 웹사이트에서 작동

Chrome 및 Firefox에서 사용 가능

전액 환불 정책

지속적인 업데이트 및 새로운 기능

헌신적이고 빠른 지원

8000명 이상의 개발자가 사용함

"거의 즉시 비용을 지불합니다."

Brendan - DivMagic 사용자

시간과 비용 절약 보장

  • 평생 이용 가능
  • 구글 크롬에서 사용 가능
  • 모든 Chromium 기반 브라우저
  • 파이어폭스에서 사용 가능
  • 2개의 장치에서 사용
  • DivMagic 스튜디오 통합
  • 모든 향후 업데이트를 포함합니다.
  • 가장 빠른 지원
  • 무제한 사용
  • 환불 보증
🎁 $145 할인 - 한시적으로 할인
$345
$200
일회성 결제 - 한 번 결제하면 영원히 사용 가능
지금 받기

월간 간행물

$16/

DivMagic의 모든 기능 포함
언제든지 취소

매년

$96/년도

DivMagic의 모든 기능 포함
언제든지 취소

"고객은 항상 자신이 좋아하는 디자인을 가지고 오며 우리는 DivMagic을 사용하여 이를 쉽게 복사할 수 있습니다. 확실히 우리 대행사에 꼭 필요한 도구입니다. 우리는 수많은 시간을 절약했습니다!"

Andrew - DivMagic 사용자 및 대행사 소유자

팀의 생산성 향상을 보장합니다.

  • 필요에 따라 팀 구성원을 순환합니다.
  • 언제든지 취소
  • 팀 구성 요소 라이브러리
  • Team Studio 통합(곧 제공 예정)

팀 계획

$20/

팀원별
팀 계획 받기

자주 묻는 질문

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이 종료되면 일회성 결제를 한 모든 사용자에게 확장 코드를 보내 오프라인에서 무기한 사용할 수 있도록 할 것입니다.

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

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

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

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