1. 배경Figma에서 아토믹 디자인 시스템을 적용할 때, Variants를 활용하여 다양한 모드를 설정하거나 Swap Instance 기능을 사용하여 인스턴스를 교체하는 경우가 많다. 그러나 이러한 작업을 수행할 때, 인스턴스 크기를 변경하면 중첩된(Nested) 컴포넌트가 원래 크기로 돌아가거나, 제자리에 위치하지 못하는 버그가 발생할 수 있다. 이 문제는 디자인 시스템을 체계적으로 관리하고자 할 때 심각한 장애 요소가 된다.2. 문제의 원인컴포넌트 구조: Figma에서 중첩된 컴포넌트가 포함된 인스턴스를 변경하면, 내부 컴포넌트의 크기가 자동으로 원본 크기로 되돌아가는 경우가 있다.자동 레이아웃(Auto Layout)의 한계: 자동 레이아웃을 적용하더라도 중첩된 컴포넌트가 원래 크기를 유지하려는 경..
조각조각된 정보나 구전을 통해 전수받았으나 상당히 이해가 되거나 뭔가 부족한 부분이 있었다.그래서, 정말 많이 찾고 찾았으나 물리적, 시간적 어려움이 있었으나 챗GPT에게 도움을 받아서잘 정리된 문서를 발견하여 공유한다. (관계자와 전혀 상관없는 순수한 궁금증으로 찾은 문서) 1. 왜 8배수 인가?1) 레티나를 포함해 해상도 위에서 가장 깔끔하게 출력되며, 다양한 해상도에 대응가능하기 때문.*해상도가 높이질 수록 높은 밀도의 정보전달이 가능해졌기 때문에, 4배수를 적용하는 일이 많이 짐참고 :: https://remain.co.kr/page/designsystem/ratio-design.php 리메인커리어 | 리메인해상도에 따른 배율디자인 디스플레이 기술이 발전함에 따라 고밀도 디스플레이(레티나 디스플레..

https://a-kdh.tistory.com/314 LottieFiles | 지엄한 애니메이션의 역할최근 디자인 트렌드는 매우 급격하게 변해가는듯 보인다. 많은 트렌드가 물 흐르듯 지나가고 복고풍이 자리잡고 뉴노멀이 생기고, 이미지에서 영상이 만들어 졌다 다시 이미지의 특별함이 살아a-kdh.tistory.com 예전에 LottieFiles 공부를 하면서, 이런 글을 쓴 적이 있다.Body Mobbin 플러그인을 이용한 인앱에 가볍게 사용할 수 있는 애니메이션 도구로원래 Airbnb에서 만든 플러그인이라고 들었는데, 어느새 하나의 기업이 되고 점점 더 커져서 피그마에서도 쉽게 만들 수 있게 되거나.. Phase 서비스가 오픈하면서 엄청 쉬워졌다. - UXUI 디자이너의 새로운 놀이도구: 애니메이션본..

삼동입니다.다들 보셨곘지만 이번에 Config 2023 에서 피그마에 대대적인 업데이트가 있었습니다. 그중에 가장 주목하고 공부하려는 것은 바로 Variables 입니다. 진짜.. 대단한 도구가 되었음을 인정하지 않을 수 없었습니다. 어도비 인수금액이 한 몫했겠죠... X부럽당 Σ(O_O)이제는 프로덕트 UXUI 에서는 절대강자로 자리 잡아 더욱 견고해질 것 같네요. ** 개인의 의견이 듬뿍 담겨있어 오해의 소지가 있다면, 업데이트를 통해 개선하도록 하라면 하겠습니다. 저는 슈퍼을이니까요. ** 본 글은 피그마의 유튜브 영상을 그대로 따서 GIF 로 만들어 내가 보기 편하게 만든것이므로 반론하시려면... 넙죽 받아 먹을게요. 저작권은 Figma 유튜브에 있어요. (⩌⩊⩌) 원본영상 • 배리어블 var..
- Total
- Today
- Yesterday
- 인간창의력
- 현대아케이드
- 창작자참여
- 인문학의중요
- 인테리어
- 마케팅
- figmalottie
- 디자인
- 상업적책임
- 추천영화
- 이노핸즈
- 퍼포먼스
- designsystem
- AI도구
- 디자인패러다임
- #디지털복제
- 경주카페
- 큐스토리지
- 근원탐구
- 로티파일즈
- atomicdesign
- 신기타일
- 디어스판교
- 데이터라이선스
- 영화리뷰
- 숨고이사
- figmatips
- ai도구활용
- 프로덕트디자이너
- componentvariants
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |