CMS솔루션마켓, 이온디 - 워드프레스, 라이믹스, 카페24, 그누보드, 엑셀

홈페이지 제작팁

피그마란?

2020년 05월 29일

https://www.sanghyo.xyz/f52a9a534a7a4deda0207ad0e498da5c


세 가지 잘 알면 됩니다.

강력한 UI 드로잉 툴

  1. 벡터 + 비트맵
  2. UI를 위한 요소 빠르게 구현
    • 텍스트, 도형, 효과, 이미지, 그리드, 패스, 애니메이션 등
    • 간단한 프로토타이핑 및 애니메이션 빠르게 구현 가능
  3. UI 이외의 다양한 목적에 응용가능
    • 요소들을 재정의, 결합 → 프리젠테이션, 애니메이션, 일러스트레이션, 브레인스토밍, 태스크매니징, 이모지 제작.. 등의 목적으로 응용 가능
  4. 다양한 플러그인쉽게 설치 가능
    • UI사이에 화살표를 그려주기도 하고
    • 스프레드시트 데이터와 UI를 연결시킬 수도 있고
    • 내가 그린 에셋을 3D 로 만들 수도 있고
    • 무료 이미지를 피그마 안에서 찾아서 바로 적용 가능
  5. 일단 공짜
    • 무료 플랜으로도 충분히 재밌는 프로젝트들을 수행 가능
    • 유료로 제공되는 기능은 프로젝트와 피그마 숙련도가 고도화된 이후에 더 빛을 발함

쉬운 공유

  1. 웹 링크
    • 링크 클릭 한 번으로 공유자가 원하는 위치로 사용자를 바로 랜딩
    • 다수의 디자이너가 한 프로젝트 파일 안에서 작업 가능
  2. 자동 저장웹 클라우드 안의 파일들
    • 언제 어디서나 아무 컴퓨터만 있으면 디자인 작업 가능
    • 언제 어디서나 아무 전자기기 (태블릿/폰/컴퓨터 등) 만 있으면 작업 팔로잉 가능
  3. 코드 모드
    • 간단한 개발 스펙을 클릭 한 번으로 바로 확인 가능

시스템적 이용

  1. 컴포넌트 기능 을 이용한 재사용/수정이 용이한 디자인

  2. 라이브러리 기능 을 이용한 컴포넌트와 스타일의 시스템화

  3. 웹이라 모든 사용자에게 실시간 배포 가능

    = 배포되면 업데이트 버튼을 눌러 최신 라이브러리의 컴포넌트 적용 가능.

  4. 웹이라 다른 서비스와 실시간 연동 가능

  • Phantom, 버즈빌 디자인 시스템