본문 바로가기

전체 글72

[필수-디자인시스템] 오토 레이아웃 (Auto layout) 단축키 Shift + A Auto layout 패널 아이콘 설명(정렬, 간격, 패딩) - 출처(완벽 상세 설명) https://wdnote.tistory.com/192 오토 레이아웃(Auto layout) (1) 사용하기 지난 시간에 배운 피그마의 주요 요소인 프레임(Frame)에서 가장 자주 쓰이고 가장 중요한 기능! "오토 레이아웃(Auto layout)"에 대해서 다루어 보겠습니다. 그럼 지금부터 배우러 출발! ㅎㅎ 1. 오토 wdnote.tistory.com 2024. 3. 19.
디자인 인사이트 - Atomic Design 우리는 페이지를 디자인하는 것이 아니라 구성요소 시스템을 디자인하는 것이다. Stephen Hay https://bradfrost.com/blog/post/atomic-web-design/ 2024. 3. 19.
[필수-디자인시스템] Variants & Property 공부하기 속성값의 종류(Property types) 1. Variants properties state, color, size 와 같은 변형(Variants)의 특성(Attributte)을 정의할 수 있는 것 2. Instance swap properties 중첩된 에셋을 동일한 컴포넌트의 하위 집합 내의 에셋 또는 사용 가능한 라이브러리의 자산으로 교체 3. Boolean properties 토글 속성과 같이 참(true)/거짓(false)값을 설정 4. Text properties - 출처 https://wdnote.tistory.com/179#2.%20%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8%20%ED%94%84%EB%A1%9C%ED%8D%BC%ED%8B%B0%EC%99%80%20%.. 2024. 3. 18.
작업형식에 따라 사용하기 좋은 디자인 가이드 및 아이콘 모음 링크 디자인 시스템 1. Carbon Design Systemhttps://carbondesignsystem.com/designing/kits/figma Carbon Design SystemCarbon is IBM’s open source design system for products and digital experiences. With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contricarbondesignsystem.com 2. Microsoft Fluen.. 2024. 3. 18.

티스토리툴바