소소한 꿀팁

웹 사이트➡️ 리액트 컴포넌트로 복사➡️ 프롬프트로 플로우 확장까지 한 번에 끝내는 확장 프로그램-web capture

피그마 튜터2025. 11. 10.

웹 사이트➡️ 리액트 컴포넌트로 복사➡️ 프롬프트로 플로우 확장까지?

여러분 안녕하세요.피그마 피디아 피튜입니다.

오늘은 간만에 재미있는 서비스를 알게되어 소개해 드리려고 합니다.

‘WebCapture’라는 크롬 확장 프로그램인데요.

사용 방법은 아래와 같습니다.

회원가입 후 확장 프로그램을 실행

원하는 부분의 컴포넌트를 선택

Open MagicPath Canvas를 눌러 서비스 오픈

Ctrl(Cmd)V를 눌러 붙여넣기

상단 플로팅 메뉴의 플로우를 눌러 프롬프트 작성, UI 또는 플로우 추가

하루에 크레딧 20,(4~5회 테스트 가능) 한달에 120개까지

무료로 쓸 수 있네요. 조금 느리긴 한데 테스트 해볼만 해서 관심있으신 분들은 아래 링크에서 테스트 해보세요!

https://chromewebstore.google.com/detail/web-capture-html-to-react/ejendfoehmomnkeedkpmkkcmcalklpcc?utm_source=email&utm_medium=announcement&utm_campaign=web_capture_v2&utm_content=inline_linko