![[인프런 워밍업 스터디 1기 디자인] 4주차 - 모드를 활용해서 실전 페이지 만들기](https://cdn.inflearn.com/public/files/blogs/79e247f7-9f25-49d3-8c6d-53ca07191747/inflearn_foot_print.png)
길었던 4주가 지나고 인프런 워밍업 클럽 스터디 1기 수료의 시간이 다가왔습니다. 지난 한 주 동안 배운 것을 돌아보고 워밍업 클럽을 회고해봅니다. 지금까지 디자인 토큰들을 피그마 베리어블에 등록하고 베리어블을 사용해서 기본 컴포넌트부터 복합 컴포넌트까지 페이지를 만들기 위한 재료를 준비했습니다. 이제 본격적으로 요리를 시작해봅시다. 베리어블 모드 베리어블...
![[인프런 워밍업 스터디 1기 디자인] 3주차 - 컴포넌트 만들기 2](https://cdn.inflearn.com/public/files/blogs/3dcb8a89-a422-44c2-aaf6-aee6f6ad77d5/inflearn_foot_print.png)
지난 주에 이어 컴포넌트 만들기를 계속 진행했습니다. 다양한 컴포넌트들을 만들어 보니 자신감도 생기고 Figma 툴도 점점 능숙해져 갑니다. 과제가 다 끝나고 빨리 사이드 프로젝트를 시작해보고 싶습니다. Card 컴포넌트 컨텐트를 표현하기 좋은 Card 컴포넌트 입니다. 단순한 형태로 만들어서 현재는 이미지, 제목, 부제목, 설명, 버튼만 넣고 뺄 수 있습...
![[인프런 워밍업 스터디 1기 디자인] 2주차 입력 컴포넌트, 디스플레이 컴포넌트](https://cdn.inflearn.com/public/files/blogs/97b70893-3cb7-4596-aaba-64b08cf35617/inflearn_foot_print.png)
드디어 Figma의 꽃이라고 할 수 있는 컴포넌트 만들기를 시작했습니다. 익숙해지면 너무 쉽고 당연한 것들이지만 처음에 익숙해지기까지 정말 헷갈리고 복잡합니다. 그러나 컴포넌트를 하나 둘 따라 만들다 보니 점점 속도도 빨라지고 재미있었습니다. 컴포넌트 만드는 요령 1. 현재 알고 있는 모든 프로퍼티를 가진 가장 복잡한 형태의 컴포넌트를 만든다. 어떤 컴포넌...
![[인프런 워밍업 스터디 1기 디자인] 피그마 배리어블과 파운데이션](https://cdn.inflearn.com/public/files/blogs/275dea48-05bd-4e51-b30d-6530e3e3d937/inflearn_foot_print.png)
회사에서 프로젝트가 하나 둘씩 늘어가면서 일관성 없는 UI/UX 가 생겨나고 디자인 시스템이 있으면 좋겠다는 생각을 했습니다. 마침 사랑하는 인프런에서 피그마 배리어블을 활용한 디자인 시스템 구축 스터디 를 모집하고 있었고 즐거운 마음으로 참여하게 되었습니다. 디자인 시스템이란? A design system is a collection of reusable...
