요즘IT
위시켓
새로 나온
인기요즘 작가들컬렉션
물어봐
새로 나온
인기
요즘 작가들
컬렉션
물어봐
개발
AI
IT서비스
기획
디자인
비즈니스
프로덕트
커리어
트렌드
스타트업

물어봐

BETA
피그마로 만든 디자인을 html, css, Javascript로 자동으로 바꾸려면 어떻게 해?
IT 지식이 풍부한 고양이 ‘요고’가 답변해 드려요. 피그마로 만든 디자인을 html, css, Javascript로 자동으로 변환하는 것은 현재 자동화된 솔루션이 없습니다. 하지만, 피그마의 플러그인이나 API를 활용하여 이 작업을 수동으로 수행할 수 있습니다. 예를 들어, 피그마 플러그인을 사용하여 디자인을 코드로 내보내거나, 피그마 API를 통해 디자인 요소를 추출하여 웹페이지에 적용할 수 있습니다. 이를 통해 디자인과 개발 간의 작업을 더욱 효율적으로 연동할 수 있습니다. 디자인과 개발 사이의 간극을 줄이기 위해 자동화된 도구나 스크립트를 활용하는 방법을 고려해 볼 수 있겠네요.
열심히 읽고 답변했어요!하트얼굴
디자인

디자인 시스템 구축기: ①디자인 시스템이 필요한 이유

10분
웹사이트를 살펴보니 놀랍게도 우리가 겪던 문제를 해결해 줄 수 있을 것 같았다. 곧바로 동료 디자이너에게 피그마 도입을 제안했다. 하지만 오래 사용해오던 툴을 바로 바꾸는 것은 리스크가 있으니, 먼저 한 달간 스터디를 해보
디자인 시스템 구축기: ①디자인 시스템이 필요한 이유
김범석
스크랩
개발

크로스 플랫폼 디자인 시스템, 1.5년의 기록 (1)

14분
이 접근으로 피그마에 문서 동기화를 자동화하거나 다크 모드 프리뷰 등을 구현하고 있습니다. 또한 컴포넌트를 배포할 때 웹훅(webhook)을 추가하여 액션을 트리거 하는데, 이를 통해 피그마를 진실의 원천으로 사용하고 각 플랫폼별 코드를 생성하여 디
크로스 플랫폼 디자인 시스템, 1.5년의 기록 (1)
FEConf
스크랩
개발

역사로 알아보는 CSS가 어려워진 이유: ①웹 문서에서 웹 애플리케이션으로

20분
)이라고 우겨볼 수는 있으려나요? 파란색으로 바꿔달라고 하면 어떡하죠? .#ff0은 이제 명백히 잘못된 디자인을 표기하게 될 겁니다.HTML을 수정할 수가 없다면 Class의 이름이 시각적인 내용이기보다 의미를 나타내어야 디자인을 커스텀할 수 있는 영
역사로 알아보는 CSS가 어려워진 이유: ①웹 문서에서 웹 애플리케이션으로
테오의 프론트엔드
스크랩
물어보기
서비스 전체보기
위시켓요즘IT
고객 문의
02-6925-4867
10:00-18:00주말·공휴일 제외
[email protected]
요즘IT
요즘IT 소개작가 지원
기타 문의
콘텐츠 제안하기광고 상품 보기
요즘IT 슬랙봇크롬 확장 프로그램
이용약관
개인정보 처리방침
청소년보호정책
㈜위시켓
대표이사 : 박우범
서울특별시 강남구 테헤란로 211 3층 ㈜위시켓
사업자등록번호 : 209-81-57303
통신판매업신고 : 제2018-서울강남-02337 호
직업정보제공사업 신고번호 : J1200020180019
제호 : 요즘IT
발행인 : 박우범
편집인 : 노희선
청소년보호책임자 : 박우범
인터넷신문등록번호 : 서울,아54129
등록일 : 2022년 01월 23일
발행일 : 2021년 01월 10일
© 2013 Wishket Corp.
로그인
요즘IT 소개
콘텐츠 제안하기
광고 상품 보기