Recent Categories
Recent Posts
Catogery Tags
Connect With Us
-
10_Simple Coding – Figma – 개발자가 피그마 활용하기 – 기본 요약
📃 요약 요소 기술 : – Basic : Figma 📃 기술 구현 스펙 : 📃 Figma 기본 실습 디자인 툴의 구조 및 용어를 알아봄 – 디자인 화면 왼쪽 : 레이어 패널위쪽 : 툴바중앙 : 캔버스오른쪽 : 디자인 패널 실습 예제 복사 및 가져오기 처음 만나는 피그마 실습 예제 파일 가져오기 : 실습은 책 예제를 통해…
-
09_Simple Coding – Figma – 와이어프레임 사용하기 – 기본 요약
📃 요약 요소 기술 : – Basic : Figma 📃 기술 구현 스펙 : 📃 Figma 기본 실습 디자인 툴의 구조 및 용어를 알아봄 – 디자인 화면 왼쪽 : 레이어 패널위쪽 : 툴바중앙 : 캔버스오른쪽 : 디자인 패널 실습 예제 복사 및 가져오기 처음 만나는 피그마 실습 예제 파일 가져오기 : 실습은 책 예제를 통해…
-
08_Simple Coding – Figma – 스타일 사용하기 – 기본 요약
📃 요약 요소 기술 : – Basic : Figma 📃 기술 구현 스펙 : 📃 Figma 기본 실습 디자인 툴의 구조 및 용어를 알아봄 – 디자인 화면 왼쪽 : 레이어 패널위쪽 : 툴바중앙 : 캔버스오른쪽 : 디자인 패널 실습 예제 복사 및 가져오기 처음 만나는 피그마 실습 예제 파일 가져오기 : 실습은 책 예제를 통해…
-
07_Simple Coding – Figma – 플러그인 사용하기 – 기본 요약
📃 요약 요소 기술 : – Basic : Figma 📃 기술 구현 스펙 : 📃 Figma 기본 실습 디자인 툴의 구조 및 용어를 알아봄 – 디자인 화면 왼쪽 : 레이어 패널위쪽 : 툴바중앙 : 캔버스오른쪽 : 디자인 패널 실습 예제 복사 및 가져오기 처음 만나는 피그마 실습 예제 파일 가져오기 : 실습은 책 예제를 통해…
-
06_Simple Coding – Figma – 레이아웃 그리드 사용하기 – 기본 요약
📃 요약 요소 기술 : – Basic : Figma 📃 기술 구현 스펙 : 📃 Figma 기본 실습 디자인 툴의 구조 및 용어를 알아봄 – 디자인 화면 왼쪽 : 레이어 패널위쪽 : 툴바중앙 : 캔버스오른쪽 : 디자인 패널 실습 예제 복사 및 가져오기 처음 만나는 피그마 실습 예제 파일 가져오기 : 실습은 책 예제를 통해…
-
05_Simple Coding – Figma – 컨스트레인트 사용하기 – 기본 요약
📃 요약 요소 기술 : – Basic : Figma 📃 기술 구현 스펙 : 📃 Figma 기본 실습 디자인 툴의 구조 및 용어를 알아봄 – 디자인 화면 왼쪽 : 레이어 패널위쪽 : 툴바중앙 : 캔버스오른쪽 : 디자인 패널 실습 예제 복사 및 가져오기 처음 만나는 피그마 실습 예제 파일 가져오기 : 실습은 책 예제를 통해…
-
04_Simple Coding – Figma – 오토 레이아웃- 기본 요약
📃 요약 요소 기술 : – Basic : Figma 📃 기술 구현 스펙 : 📃 Figma 기본 실습 디자인 툴의 구조 및 용어를 알아봄 – 디자인 화면 왼쪽 : 레이어 패널위쪽 : 툴바중앙 : 캔버스오른쪽 : 디자인 패널 실습 예제 복사 및 가져오기 처음 만나는 피그마 실습 예제 파일 가져오기 : 실습은 책 예제를 통해…
-
03_Simple Coding – Figma – 컴포넌트 사용 – 기본 요약
📃 요약 요소 기술 : – Basic : Figma 📃 기술 구현 스펙 : 📃 Figma 기본 실습 디자인 툴의 구조 및 용어를 알아봄 – 디자인 화면 왼쪽 : 레이어 패널위쪽 : 툴바중앙 : 캔버스오른쪽 : 디자인 패널 실습 예제 복사 및 가져오기 처음 만나는 피그마 실습 예제 파일 가져오기 : 실습은 책 예제를 통해…
-
02_Simple Coding – Figma – 에디터 사용 – 기본 요약
📃 요약 요소 기술 : – Basic : Figma 📃 기술 구현 스펙 : 📃 Figma 기본 실습 디자인 툴의 구조 및 용어를 알아봄 – 디자인 화면 왼쪽 : 레이어 패널위쪽 : 툴바중앙 : 캔버스오른쪽 : 디자인 패널 실습 예제 복사 및 가져오기 처음 만나는 피그마 실습 예제 파일 가져오기 : 실습은 책 예제를 통해…
-
01_Simple Coding – Figma 가입_파일생성 – 기본 요약
📃 요약 디자이너들은 프로젝트 초창기 분석/설계 단계에서 화면을 구성할 주요 디자인을 2개 이상 구성(시안)하여 개발자와 팀회의를 통해 최적의 시안을 결정함주로 시안 디자인할때 사용하는 툴은 과거에 포토샵을 많이 이용했으나 사용이 어렵고, 팀 협의시 공유가 어려웠으나 피그마 디자인 협업툴이 개발되면서 디자이너와 개발자간에 소통, 협의에 굉장한 진전을 이루었음 요소 기술 : – Basic : Figma 📃 기술 구현…