ノーコードでCSSを視覚的に調整できるChrome拡張のUI編集＆QAツール。
詳しく見る概要
DivMagic（ディブマジック）は、あらゆるWebサイト上の要素からHTML/CSSコードを瞬時に抽出できるブラウザ拡張ツールです。ChromeとFirefoxに対応しており、コピーしたコードをReact/JSXやTailwind CSS形式へ変換する機能も搭載されています。また、iframe内の要素まで対応しており、DevTools連携、コンポーネント管理機能「Studio」など、Web制作・フロントエンド開発を効率化するための多彩なツールが一体化しています。
特徴
DivMagicは、対象のWebページ上で任意の要素をクリックするだけで、HTML/CSSを抽出でき、さらにそのコードをTailwind CSSやReact/JSX形式に変換して保存・活用できます。レスポンシブ対応のMedia Queryやフォント・カラーの抽出、iframe内要素の対応、DevToolsとの統合など、細部までこだわった仕様が魅力です。コピーした要素はDivMagic Studioで編集・再利用も可能で、WordPress Gutenberg対応も視野に入れた開発体制が整っています。
本ページの情報は、当サイトが独自に収集したデータおよびAIによる自動整理を含むため、正確性・完全性を保証するものではありません。掲載内容に基づいて利用者が行った判断・行動により生じた損害について、当サイトは一切の責任を負いかねます。
最新の詳細は必ずサービス提供元の公式サイトをご確認ください。