webflow-mcp:figma-to-webflow

작성자: webflow

Figma MCP와 Webflow MCP(Designer Bridge + Data API)를 사용하여 Figma 디자인에서 Webflow 페이지, 섹션, 컴포넌트 또는 전체 사이트를 구축합니다. 다음의 경우에 사용하세요…

npx skills add https://github.com/webflow/webflow-skills --skill webflow-mcp:figma-to-webflow

ZIP 다운로드 GitHub

webflow의 다른 스킬

cms-collection-setup

Webflow에서 지정된 필드와 관계를 사용하여 새 CMS 컬렉션을 생성합니다. 블로그 게시물, 제품, 팀원, 포트폴리오 등을 설정할 때 사용합니다.

bulk-cms-update

Webflow 컬렉션에서 여러 CMS 항목을 생성하거나 업데이트하며, 유효성 검사 및 차이점 미리보기를 제공합니다. 여러 블로그 게시물이나 제품을 추가하거나 필드를 업데이트할 때 사용하세요.

cms-collection-setup

Webflow에서 지정된 필드와 관계를 사용하여 새 CMS 컬렉션을 생성합니다. 블로그 게시물, 제품, 팀 구성원, 포트폴리오 등을 설정할 때 사용합니다.

전체 사이트에서 CMS 콘텐츠를 포함하여 끊어지거나 안전하지 않은 링크를 찾아 수정하여 SEO와 사용자 경험을 개선합니다. HTTP/HTTPS 문제를 감사하고 검증합니다…

custom-code-management

Webflow 사이트에 인라인 사용자 지정 스크립트를 추가, 검토 또는 제거합니다(최대 10,000자). 분석, 추적 픽셀, 채팅 위젯 또는 기타 사용자 지정 용도로 사용할 수 있습니다.

accessibility-audit

Webflow 페이지에서 포괄적인 접근성 감사(WCAG 2.1) 실행 - 버튼, 양식, 링크, 포커스 상태, 제목, 키보드 탐색을 확인하고 생성합니다…

Webflow 사이트의 자산을 SEO 최적화를 위해 분석합니다. alt 텍스트가 누락된 자산과 SEO에 적합하지 않은 이름의 자산을 식별한 후, 이를 생성하고 적용합니다…

bulk-cms-update

Webflow 컬렉션에서 검증 및 diff 미리보기와 함께 여러 CMS 항목을 생성하거나 업데이트합니다. 여러 블로그 게시물이나 제품을 추가하거나 필드를 업데이트할 때 사용하세요…