[Config-피그마 업데이트 공유]
이번 config 요약 공유해 드립니다.
크게 아래 내용들이 업데이트 되었어요.
개발자 모드 추가배리어블 기능프로토타이핑 배리어블 기능오토 레이아웃 업데이트
이번 업데이트의 핵심은
개발자 모드 추가인듯 하네요!
자세한 내용은 아래 글을 참고해보세요.
개발자 모드 지원 (토글로 On/Off)
개발 언어 변환 지원(swift/ css/ compose)직관적으로 변한 코드 스니펫(마진 값 뷰 모드chrome 개발자 도구와 유사)섹션에 개발자 모드 태깅 가능(태깅한 객체만 노출)리소스 링크 추가 기능지라 임베디드 기능 업데이트(화면별로 티켓을 자세히 볼 수 있도록 업데이트 된다는 것 같아요)Px,rem 단위 환산 기능 지원개발자 모드에서 레이어 뷰 단순화(좌우 방향키로 레이어 탐색 가능)컴포넌트 플레이 그라운드 기능- 컴포넌트 베리에이션을
테스트해볼수 있는 플레이 그라운드 기능 지원figm for vs code 지원 레이어 선택 기능 간소화
개발자 모드에서 객체를 선택하면 확대됨. 좌우 방향키로 화면 이동 호버시 패딩 등 값을 확인할 수 있음
배리어블 기능(토큰X 배리어블O)
변수기능을 활용해 컬러, 문구, 숫자, 해상도 등을 전환컬러 ,넘버, 불리언, 스트링 배리어블다크 또는 라이트 모드전환, 해상도 설정, 레디우스 값 설정 등 적용 범위 무궁무진
프로토타입: 배리어블을 활용한 플로우 간소화
기존 프로토타입 기능+ 배리어블로 설정한 변수를 활용한 프로토타이핑(컬러, 넘버, 불리언, 스트링)
오토 레이아웃 업데이트
방향의 Wrap 기능 추가 : 프레임 너비에 따라 프레임 내 객체 줄바꿈 처리Max /Minimum 기능: 최소, 최대값을 지정해서 프레임을 늘리거나 줄이지 못하도록 제약을 걸 수 있음Resizing nested frame: Autolayout 하위 인스턴스 요소에 resizing 적용해 복잡한 오토 레이아웃 구조 구현 가능2+3을 조합 해서도 구현 가능Truncate text와 resizing 조합 기능: 프레임을 가변할 때마다 truncate text 상자도 반응
와 배리어블이랑 프로토타이핑은
아예 처음부터 싹 다 다시 공부 해야겠네요.주말에 열심히 공부해봐야겠습니다.