[Design] 피그마 그리드 템플릿

2023. 6. 5. 12:53·(3D)Dev Deep Dive/Templates & Guides
728x90

웹 디자인을 할 때 필요한 피그마 그리드 템플릿입니다.

 

Columns과 Rows로 나뉘며 스펙은 다음과 같습니다.

이런 그리드가 들어올텐데 Columns와 Rows는 Grid를 선택해서 고를 수 있습니다.

 

제작 후 눈 모양을 통해 켜고 끄며 그리드를 활용하여 웹 디자인을 진행할 수 있습니다. 

 

Columns(세로줄)

Count Color Type Width Offset Gutter
10 FF0000, 10% Center 80 0 20

 

Rows(가로줄)

Count Color Type Height Offset Gutter
10 FF0000, 10% Center 16 0 16

 

 

결과물

이제 여기에 웹을 디자인해보세요!


End

728x90
저작자표시 비영리 변경금지 (새창열림)

'(3D)Dev Deep Dive > Templates & Guides' 카테고리의 다른 글

[GitHub] Git에서 팀 단위로 협업하기  (0) 2023.07.14
[Template] SEO 향상을 위한 Header 템플릿  (0) 2023.05.24
[Template] JavaScript(Node.js) Template for Baekjoon  (0) 2023.05.17
[Template] ESLint Template for FrontEnd Developers  (0) 2023.05.13
[Template] Prettier Template for FrontEnd Developers  (0) 2023.05.13
'(3D)Dev Deep Dive/Templates & Guides' 카테고리의 다른 글
  • [GitHub] Git에서 팀 단위로 협업하기
  • [Template] SEO 향상을 위한 Header 템플릿
  • [Template] JavaScript(Node.js) Template for Baekjoon
  • [Template] ESLint Template for FrontEnd Developers
ThreeLight
ThreeLight
ThreeLight Studio의 블로그, TimeMap.exe에 오신 것을 환영합니다.
  • ThreeLight
    TimeMap.exe
    ThreeLight
  • 전체
    오늘
    어제
    • 분류 전체보기 (245)
      • Checkpoint (1)
      • (3D)Dev Deep Dive (0)
        • Templates & Guides (9)
        • Frontend origin (9)
        • Backend origin (1)
        • TroubleShootings (4)
      • Development Study (95)
        • Frontend (36)
        • Backend (21)
        • CS(Computer Science) (2)
        • Background Knowledges (11)
        • Algorithm (2)
        • Mobile (3)
        • AWS (6)
        • Python (6)
        • MSW(MapleStoryWorlds) (8)
      • Coding Test (59)
        • 문제.zip (1)
        • BaekJoon_JavaScript (0)
        • Programmers_JavaScript (9)
        • BaekJoon_Python (23)
        • Programmers_Python (10)
        • Undefined_Python (3)
        • Programmers_SQL (13)
      • 활동내역.zip (43)
        • 개인 (21)
        • Techeer (12)
        • Bootcamp (7)
        • Hackathon (1)
        • TeamProjects (2)
      • 여기 괜찮네??(사이트 | App) (5)
      • 재미있는 주제들 (8)
      • 개발 외 공부 저장소 (11)
        • 생산운영관리 (3)
        • 생활속의금융 (6)
        • 경영정보시스템 (2)
  • 링크

    • TimeMap.dmg (Portfolio)
    • GitHub 바로가기
    • 오픈프로필(카카오톡)
    • Medium 바로가기
    • Disquiet 바로가기
    • LinkedIn 바로가기
  • 인기 글

  • 태그

    SQL
    Python
    CSS
    Baek Joon
    TypeScript
    programmers
    JavaScript
    react
    프로그래머스
    HTML
  • 최근 글

  • 최근 댓글

  • hELLO· Designed By정상우.v4.10.1
ThreeLight
[Design] 피그마 그리드 템플릿
상단으로

티스토리툴바