[피그마 업데이트
-
이제 타이포그래피, 그라디언트 속성도 베리어블로 관리해요 ]
새벽에 피그마 업데이트가 있었는데,
내용 간단히 정리해서 공유해 드립니다.
업데이트는 크게 아래 3가지 입니다.
-
이제 타이포그래피, 그라디언트 속성도 베리어블로 관리해요 ]
새벽에 피그마 업데이트가 있었는데,
내용 간단히 정리해서 공유해 드립니다.
업데이트는 크게 아래 3가지 입니다.1.
Code Connection
2.
Typography 베리어블
3.
Gradient 베리어블
Code connection
Dev mode에서 간단한 css로 보여주던
객체의 코드를 실제 개발 언어로 보여주는 API입니다.
(코드 커넥트 패키지를 코드 에디터에 설치하면
피그마 디자인과 코드가 동기화 되어요)•
React, Storybook 및 Swift지원
(추후 다양한 프레임워크 업데이트)
-Organization 이상 요금제부터 지원
코드 커넥트 요약
https://buly.kr/EolbBIn
API 설치 깃헙
https://buly.kr/6MpE69q
타이포그래피 베리어블 지원
이제 반응형 작업 시 타이포까지 대응할 수 있어요.
[등록하는 방법]
-font weight,size, line height는 넘버 베리어블로 등록
-font family는 스트링 베리어블에 폰트명칭을 적어서 등록타이포그래피 베리어블 튜토리얼
https://buly.kr/44vNLaU
Gradient도 베리어블로 등록해서 관리할 수 있어요.
각 지점에 미리 등록한 컬러 베리어블을 참조해서
하나의 스타일로 묶어서 사용할 수 있게 되었어요.
그라디언트 패널 자체가 바뀌었으니 참고해보세요!그라디언트 베리어블 30초 요약
https://buly.kr/7QJlz62