경험기록

안녕하세요! 오늘은 피그마로 배달 앱 스크린 클론 디자인 연습을 해보았습니다. 피그마의 뛰어난 기능들로 금방 후딱 만들 수 있었는데요! 배달 앱은 미국의 'gopuff' 라는 퀵커머스 딜리버리 앱입니다 :) 참고로 해외 서비스는 Mobbin.com, Collect UI 같은 사이트에서 많이 참고하는 편이에요. 그럼 피그마 완전 기초 연습 해보고 싶으신 분들은 단계별로 따라와주시면 될것 같습니다 :) ------------------------------------------------------------------------------------------------------------- 이 화면에 들어가는 컴포넌트들을 하나 하나 만들어보겠습니다. 예시로 만든 거라 가격이나 메뉴이름은 넣지 않았어요...

안녕하세요. 오랜만에 피그마 튜토리얼 포스팅이네요. 오늘부터 스스로 매일 30분만이라도 피그마 연습에 투자하고자 합니다. 아직 학생이라 피그마를 매일 쓸일은 없어서, 오랫동안 안쓰면 배워놓은 기능들 다 까먹게 되는게 너무 아깝더라구요. 툴 자체는 배우기 쉽지만 손에 익어야 작업 속도가 빨라지기 때문에 꾸준한 연습이 필요한 것 같아요! 오늘은 피그마 컴포넌트 기능에 대해 자세하게 포스팅해보겠습니다. 피그마를 사용하실줄 아는 분들은 컴포넌트 기능이 어떤 역할을 하는지 알고 계실텐데요! 보통 UI 구성요소들은 반복적으로 여러 화면에 사용됩니다. 가장 쉽게 들 수 있는 예시는 버튼인데요. 같은 색, 모양의 버튼이지만 텍스트만 바뀌는 경우는 해다 버튼은 컴포넌트로 만들어주고 그 컴포넌트를 복사해서 instance..