협업 & 프로세스

워드프레스 스킨 피그마 수정 방법

피그마 오픈카톡방2026. 3. 7.

질문사항

워드프레스 유료 스킨을 피그마로 수정하는 작업 의뢰가 들어왔습니다. 워드프레스 스킨 파일을 다운로드하여 피그마로 불러와서 수정하면 되는 건가요?

워드프레스 스킨(테마)을 피그마로 직접 불러와서 수정하는 것은 불가능합니다. 워드프레스 스킨은 HTML, CSS, PHP 등으로 구성된 코드 파일이기 때문입니다.

이러한 작업 의뢰는 보통 다음과 같은 프로세스를 의미합니다:

기존 스킨 분석: 현재 사용 중인 워드프레스 스킨의 디자인과 기능을 파악합니다.

피그마에서 디자인 수정: 기존 스킨의 레이아웃과 요소를 참고하여, 피그마에서 원하는 디자인 변경 사항을 시각적으로 구현합니다. 이는 새로운 페이지 디자인, 기존 요소의 스타일 변경, 새로운 컴포넌트 추가 등이 될 수 있습니다.

개발팀에 디자인 전달: 피그마로 완성된 디자인 시안을 개발팀(또는 워드프레스 개발자)에게 전달합니다.

개발팀에서 코딩 구현: 개발팀은 피그마 디자인을 바탕으로 워드프레스 스킨의 코드를 직접 수정하거나, 커스텀 CSS/JS를 추가하여 디자인을 실제 웹사이트에 적용합니다.

따라서 피그마는 디자인 시안을 만드는 도구이며, 실제 워드프레스 스킨의 수정은 코딩을 통해 이루어져야 합니다.