[피그마 업데이트✨- 이제 타이포그래피, 그라디언트 속성도 베리어블로 관리해요 ] 새벽에 피그마 업데이트가 있었는데, 내용 간단히 정리해서 공유해 드립니다. 업데이트는 크게 아래 3가지 입니다.🙌🏻

  1. Code Connection
  2. Typography 베리어블
  3. Gradient 베리어블

📍Code connection Dev mode에서 간단한 css로 보여주던 객체의 코드를 실제 개발 언어로 보여주는 API입니다. (코드 커넥트 패키지를 코드 에디터에 설치하면 피그마 디자인과 코드가 동기화 되어요)

코드 커넥트 요약 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