전체 글8 [피그마] 구글 스프레드 시트 연동으로 데이터 변경하기 디자인을 하다보면 불필요한 반복 작업들을 해야만 할때가 있다. 예를 들면 누군가에게 보고를 하거나 프로토타입을 만들때 콘텐츠 안에 들어가는 데이터가 가짜 데이터가 아닌 진짜 데이터를 넣어야한 할때이다. 피그마의 Google Sheet Sync라는 플러그인을 사용하면 구글 스프레드 시트에 있는 데이터들을 연동만 시켜 값을 디자인 파일에 집어넣을 수가 있다. 다같이 작업하면서 자료 정리를 미리 해당 양식에 맞춰 둔다면 직군별 유지보수와 디자인의 효율이 향상될것이다. 1. Google Sheet Sync 플러그인 설명서 https://docs.sheetssync.app/ Getting Started - Google Sheets Sync STEP 3: Run this plugin, paste your share.. 2023. 2. 2. [피그마] 구글 머터리얼 스타일 - Color 머터리얼 3 에서의 색깔 색상은 서비스의 고유한 스타일을 표현하고 의미를 전달하는데 아주 큰 역할을 합니다. 머터리얼3에서는 Dynamic Color를 활용하여 개인화 된 컬러스타일 적용을 우선으로 둡니다. 머터리얼에서 공유한 테마 빌더를 활용하여 Dynamic에서 이미지를 추가해 화면, 요소별 샘플을 확인할수있고 Custom페이지에서 Core colors를 지정해 Color Scheme와 Tonal Palettes을 확인할수있다. 색 구성표 색구성표는 13가지 톤의 Toanl Patettes와 개별적인 5가지의 Core Colors로 이루어집니다. Core Colors의 설정이 완료 된다면 머터리얼의 테마빌더를 통해 상태, 에러 등 전체 색상을 지정해줍니다. 피그마 플러그인 https://www.fig.. 2023. 2. 1. 피그마 요금제 1. 요금제 종류 무료 요금제, 프로페셔널, 조직, 기업 요금제 이렇게 4가지로 나눌수있다. 피그마와 피그잼은 다른 요금제 이므로 피그마/프로토타입 요금제만 정리했다. 23년1월30일 기준 달러 환율은 1,228.04원이므로 1달러 = 1,300원으로 계산하였다. 연 결제 기준이므로 월 결제 시 가격은 다르다. 2. 무료 요금제 활용 가능 기능으로는 무제한 에디터 공유 / 플러그인, 템플릿 활용 가능하다. 공식 홈페이지에는 무제한 팀 생성이 불가능하다고 되어있지만 스타터 요금제를 선택한다면 팀 생성이 가능하다. 하지만 하나의 팀장 3개의 파일과 각 파일의 3개의 페이지만 생성이 가능하다. 이외의 최대 30일간의 버전만 기록이 가능며 라이브러리 활용이 불가능하다. 개인 포트폴리오용/ 스터디용으로는 무리가 .. 2023. 1. 30. UX/UI디자이너가 피그마를 쓰는 이유 1. 올인원 가능 UX/UI 디자인 업무를 하다 보면 기획팀에서 엑셀, 피피티 등 기획 서류를 다발로 주는 경우가 있다. 하나하나 다 읽어보는 것도 시간이 걸릴뿐더러 엑셀과 피피티의 내용을 와이어 프레임과 매칭 시키면서 보기에는 생각보다 많은 집중력이 필요하다. 하지만 피그에서 작업을 하게 된다면 스토리보드를 이미지로 저장해 작업 툴에 올리는 과정을 거치지 않을 수 있다. 또한 IA나 정책서가 스프레드시트에 정리되어 있다면 코멘트나 텍스트로 URL을 연결시켜 바로 해당 파일을 확인할 수 있다. 개발 중 기획 변경 요청 내용이나 디버깅 중 확인된 버그는 코멘트를 통해 실시간으로 커뮤니케이션을 할 수 있어서 실무자가 서로 멀리 있어도 원활한 업무가 가능하다. 심지어 화면에서 상대방이 어떤 툴을 선택했고 어떤.. 2023. 1. 30. 이전 1 2 다음
