강력한 AI 브레인스토밍 및 다이어그램 도구를 갖춘 협업형 비주얼 워크스페이스이지만 기능 범위가 더 넓습니다.
CSSPicker는 월간 방문 19,800, 전월 대비 성장률 -46.6%, 무료+유료 가격 모델을 기록합니다. Napkin AI는 월간 방문 1,029,978, 성장률 -17.5%, 무료+유료 가격 모델을 기록합니다.
CSSPicker is a browser-extension plus web-app toolkit that lets developers extract the HTML and CSS of any element on a live site, convert screenshots or UI mockups into React, HTML, or Tailwind code, and iterate on that code with an AI chat assistant.
| 항목 / 지표 | ![]() | |
|---|---|---|
| 공식 도메인 | csspicker.dev | napkin.ai |
| 가격 모델 | 무료+유료 | 무료+유료 |
| 월간 방문 수 | 1.98만 (19,800) | 103만 (1,029,978) |
| 전월 대비 트래픽 변화량 | -1.73만 (-46.6%) | -21.81만 (-17.5%) |
| 주요 시장 및 점유율 | 🇮🇳 인도 (13.3%) | 🇮🇳 인도 (9.1%) |
| 월 직접 방문 수 | 7.97천 | 44.4만 |
| 사용자 평점 | 4.1 | 4.7 |
| 지원 플랫폼 | 웹사이트 | 웹사이트 |
CSSPicker is a browser-extension plus web-app toolkit that lets developers extract the HTML and CSS of any element on a live site, convert screenshots or UI mockups into React, HTML, or Tailwind code, and iterate on that code with an AI chat assistant.
A browser extension extracts clean HTML and CSS from any element on a live page and converts it into Tailwind, React, or your chosen framework.
Upload a UI design or screenshot and get responsive, structured front-end code back in seconds.
Generate production-ready React components or complete HTML pages and email templates from text prompts, with Tailwind, Bootstrap, or vanilla CSS support.
Refine generated components conversationally and preview edits in real time inside an interactive code editor.

Napkin AI is a visual communication platform that turns plain text into diagrams, infographics, flowcharts, mind maps, data charts, and full presentation decks — no prompt engineering required.
Paste or import your text and Napkin generates infographics, diagrams, flowcharts, mind maps, and data charts that fit your content.
Napkin Slides collaborates with you to turn ideas into complete, ready-to-present decks rather than static images.
Adjust colors, fonts, layouts, and icons, reshape individual elements, and match your brand — nothing is locked after generation.
Export visuals as PPT, PNG, PDF, or SVG and drop them into PowerPoint, Google Slides, Keynote, Notion, or any tool you already use.
강력한 AI 브레인스토밍 및 다이어그램 도구를 갖춘 협업형 비주얼 워크스페이스이지만 기능 범위가 더 넓습니다.

텍스트 프롬프트로 아름다운 디자인의 프레젠테이션과 문서를 생성하지만, 인라인 다이어그램 기능은 상대적으로 적습니다.
텍스트 프롬프트로 아름다운 디자인의 프레젠테이션과 문서를 생성하지만, 인라인 다이어그램 기능은 상대적으로 적습니다.

AI로 텍스트와 데이터를 세련된 인포그래픽, 보고서, 영상으로

팀과 AI 에이전트가 함께 브랜드에 맞는 제품 경험을 출시하세요
팀과 AI 에이전트가 함께 브랜드에 맞는 제품 경험을 출시하세요
순서도, 마인드맵, 다이어그램을 위한 AI 도구가 내장된 협업용 화이트보드입니다.

Readdy is an AI website builder that generates complete, production-ready websites from plain-language prompts, uploaded screenshots, Figma frames, or a reference URL. It adds hosting, a built-in backend, forms, SEO tools, and code export so one platform can build and run the whole site.
Readdy is an AI website builder that generates complete, production-ready websites from plain-language prompts, uploaded screenshots, Figma frames, or a reference URL. It adds hosting, a built-in backend, forms, SEO tools, and code export so one platform can build and run the whole site.
특화 강점스크린샷과 PDF, 슬라이드를 편집 가능한 디자인과 코드로 되돌립니다
특화 강점스크린샷과 PDF, 슬라이드를 편집 가능한 디자인과 코드로 되돌립니다

AI 다이어그램, 마인드맵, 순서도에 특화되어 있지만, 냅킨(Napkin)처럼 자연스러운 텍스트 인라인 통합 기능은 부족합니다.
AI 다이어그램, 마인드맵, 순서도에 특화되어 있지만, 냅킨(Napkin)처럼 자연스러운 텍스트 인라인 통합 기능은 부족합니다.
AI 지원과 무료 코드 내보내기를 갖춘 로우코드 웹사이트 빌더

특화 강점호스팅·동기화·코드 추출이 가능한 에이전트형 AI 웹사이트 빌더