Item logo image for Web Design Assistant

Web Design Assistant

5.0(

1 rating

)
Item media 5 (screenshot) for Web Design Assistant
Item media 1 (screenshot) for Web Design Assistant
Item media 2 (screenshot) for Web Design Assistant
Item media 3 (screenshot) for Web Design Assistant
Item media 4 (screenshot) for Web Design Assistant
Item media 5 (screenshot) for Web Design Assistant
Item media 1 (screenshot) for Web Design Assistant
Item media 1 (screenshot) for Web Design Assistant
Item media 2 (screenshot) for Web Design Assistant
Item media 3 (screenshot) for Web Design Assistant
Item media 4 (screenshot) for Web Design Assistant
Item media 5 (screenshot) for Web Design Assistant

Overview

웹 페이지의 디자인 요소를 분석하는 크롬 익스텐션입니다.

[개요] Web Design Assistant는 웹페이지에 사용된 **폰트(글꼴)**와 컬러(색상) 팔레트를 빠르게 분석해주는 크롬 확장 프로그램입니다. 클릭 몇 번만으로 디자이너·프론트엔드 개발자가 필요한 정보를 손쉽게 확인하고, 디자인을 개선하거나 스타일 가이드를 만들 때 참고할 수 있습니다. [주요 기능] 폰트 분석: 현재 페이지에서 사용된 폰트 확인 컬러 팔레트 추출: 웹사이트에 적용된 색상을 자동으로 수집하여 팔레트 형태로 표시 [사용 방법] 크롬에 설치 후, 브라우저 우측 상단의 ‘Web Design Assistant’ 아이콘을 클릭합니다. 분석하고 싶은 웹페이지로 이동한 뒤, “분석 시작” 버튼을 누르면 자동으로 스캐닝이 진행됩니다. 결과 창에 폰트 리스트 및 컬러 팔레트가 표시됩니다. 필요 시 색상 팔레트에서 해당하는 색상버튼을 눌러 색상을 빠르게 복사하세요. [활용 사례] 디자인 QA: 클라이언트 사이트에서 폰트나 색상이 디자인 가이드와 일치하는지 확인 UI/UX 리서치: 잘 만든 사이트에서 사용한 컬러·폰트를 참고해 디자인 인사이트 얻기 학습: 웹 초보 디자이너/개발자들이 사이트 구조와 스타일 속성을 쉽게 파악 [향후 업데이트 예정 기능] 다국어 기능 추가 (현재는 임시 기능) [주의 사항] 일부 페이지(특히 매우 복잡한 SPA 등)에서는 폰트가 동적으로 로드되므로, 분석 시간이 다소 걸릴 수 있습니다. @font-face로 임베드된 글꼴 중 보안 설정이 있는 경우, 식별이 제한될 수 있습니다. [문의/피드백] 버그 제보 및 기능 요청: skarlgna2366@gmail.com

Details

  • Version
    1.0.0
  • Updated
    January 22, 2025
  • Offered by
    skarlgna2366
  • Size
    20.16KiB
  • Languages
    한국어
  • Developer
    Email
    bye0651@naver.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

Color Picker Chrome extension

4.1

Color Picker Chrome extension addon lets you to pick color from any webpage

Annotate Website

5.0

Use Annotate Website, a simple Chrome highlighter extension, to highlight html text and easily annotate web pages online.

Web Inspector

5.0

Use Web Inspector: Easily inspect element, use devtools, harness developer tooling and activate chrome debugger for work.

Web SuperKit: Web Inspector, CSS Peeper, Color Picker, Web Screenshot

5.0

Web SuperKit is a powerful Chrome extension offering 150+ utility tools to visually inspect, edit, analyze, and enhance any webpage.

Built with Tailwind CSS

0.0

Built with Tailwind CSS is a Chrome Extension that identifies the usage of Tailwind CSS in web pages.

ClarityUX: Predictive Eye-Tracking, AI Heatmaps & Usability Insights

0.0

Analyze and optimize web pages for visual attention and user experience

CSS Pully – Font & Color & Style Inspector

5.0

Font & CSS Detector - CSS Pully extracts colors, fonts, shadows, and styles from any webpage. Perfect for designers & developers.

腾讯CoDesign HTMLtoDesign

3.5

HTMLtoDesign Chrome Extension

Positionable!

3.4

An extension for visually manipulating elements in the browser.

Web to MCP: Import any website components to Cursor or Claude Code

4.6

A Chrome extension that captures website components and sends them to AI coding assistants like Cursor, Claude Code, Codex, etc

UI Inspector - Visual CSS Editor

3.7

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

Screen Ruler - Measure The Web

4.6

Measure sizes, distances, margins and paddings of any element on any web page.

Color Picker Chrome extension

4.1

Color Picker Chrome extension addon lets you to pick color from any webpage

Annotate Website

5.0

Use Annotate Website, a simple Chrome highlighter extension, to highlight html text and easily annotate web pages online.

Web Inspector

5.0

Use Web Inspector: Easily inspect element, use devtools, harness developer tooling and activate chrome debugger for work.

Web SuperKit: Web Inspector, CSS Peeper, Color Picker, Web Screenshot

5.0

Web SuperKit is a powerful Chrome extension offering 150+ utility tools to visually inspect, edit, analyze, and enhance any webpage.

Built with Tailwind CSS

0.0

Built with Tailwind CSS is a Chrome Extension that identifies the usage of Tailwind CSS in web pages.

ClarityUX: Predictive Eye-Tracking, AI Heatmaps & Usability Insights

0.0

Analyze and optimize web pages for visual attention and user experience

CSS Pully – Font & Color & Style Inspector

5.0

Font & CSS Detector - CSS Pully extracts colors, fonts, shadows, and styles from any webpage. Perfect for designers & developers.

腾讯CoDesign HTMLtoDesign

3.5

HTMLtoDesign Chrome Extension

Google apps