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

물어봐

BETA
피그마에서 css 추출 어떻게 해?
IT 지식이 풍부한 고양이 ‘요고’가 답변해 드려요. 피그마에서 CSS 추출하는 방법은 다양한 디자인 요소를 일관성 있게 관리할 수 있는 중요한 기능 중 하나입니다. 먼저 피그마에서는 단일 이미지나 아이콘 뿐만 아니라, 레이어, 프레임, 섹션 등 다양한 디자인 요소를 추출할 수 있습니다. 이를 위해서는 먼저 추출하고자 하는 디자인 요소를 선택한 후 내보내기 설정에서 포맷과 해상도를 지정합니다. 이를 통해 PNG, SVG, JPG와 같은 다양한 포맷을 지원하며, 고해상도의 스크린샷이나 특정 디자인 부분을 선택적으로 추출할 수도 있습니다. 따라서 피그마를 사용하여 CSS를 추출하는 방법은 유연하고 다양한 요소를 효과적으로 관리할 수 있는 중요한 기능입니다.
열심히 읽고 답변했어요!하트얼굴
개발

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

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

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

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

개발자를 위한 피그마(Figma) 사용 방법과 활용 팁

11분
인기
즉, 마스터 컴포넌트와 인스턴스를 통해 다양한 디자인 요소를 일관성 있게 관리할 수 있는 것이죠. 개발자가 자주 사용하는 피그마 기능1) 프론트엔드 개발을 위한 에셋 추출프론트엔드 개발을 위해서는 UI 디자인에 쓰인 이미지, 아이콘, 색상 같은 디자
개발자를 위한 피그마(Figma) 사용 방법과 활용 팁
곰씨네 IT 블로그
스크랩
물어보기
서비스 전체보기
위시켓요즘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 소개
콘텐츠 제안하기
광고 상품 보기