[Figma] μ•„νŠΈλ³΄λ“œ & Shape & Text

잰·2025λ…„ 7μ›” 15일

Figma

λͺ©λ‘ 보기
2/2
post-thumbnail

Figma Artboard(Frame)

: Figmaμ—μ„œ λͺ¨λ“  λ””μžμΈ μš”μ†ŒλŠ” Frame, 즉 Artboard μœ„μ— 올라감
β†’ Layer νŒ¨λ„μ—μ„œλ„ λ””μžμΈ μš”μ†ŒλŠ” Frame ν•˜μœ„ μš”μ†Œλ‘œ 듀어감

Frame λ§Œλ“œλŠ” 법

Toolλ°” - Region tools - Frame

  • 마우슀 μ»€μ„œκ°€ 격자 λͺ¨μ–‘이 되면 μ›ν•˜λŠ” λΉ„μœ¨λ‘œ λ“œλž˜κ·Έν•΄μ„œ 생성

Shape λ§Œλ“œλŠ” 법

Shape : μ‚¬κ°ν˜•, μ„ , ν™”μ‚΄ν‘œ, 원, λ‹€κ°ν˜•, 별, 이미지/λ™μ˜μƒ λ“±μ˜ λ¦¬μ†ŒμŠ€

Shape Editing

: Shape 선택 ν›„ ν”„λ‘œνΌν‹° νŒ¨λ„μ—μ„œ μˆ˜μ • κ°€λŠ₯

  • Fill : 색 μ±„μš°κΈ°
  • Stroke : μ™Έκ³½μ„ 
    • Weight : μ„  λ‘κ»˜
    • Weight μ˜† λ²„νŠΌ(Advaced Stroke Setting)
      β†’ Style : Solid(μ‹€μ„ ) / Dashed(점선)
      β†’ Gap : Dashed 점 κ°„ 간격
  • 색상 변경은 각각 색상 νƒ­μ—μ„œ ν•  수 μžˆλ‹€

Text μž…λ ₯ν•˜λŠ” 법

  • Toolλ°”μ—μ„œ T라고 μ¨μžˆλŠ” λ²„νŠΌ 클릭 ν›„ λ“œλž˜κ·Έλ₯Ό 톡해 ν…μŠ€νŠΈ λ°•μŠ€ 생성
  • λ§ˆμ°¬κ°€μ§€λ‘œ 색상, κ΅΅κΈ°, 폰트 등은 우츑 ν”„λ‘œνΌν‹° νŒ¨λ„μ—μ„œ μˆ˜μ •

✨ TIPS

  • Shift ν‚€λ₯Ό λˆ„λ₯΄κ³  λ“œλž˜κ·Έμ‹œ μ •λΉ„μœ¨λ‘œ 크기 μ‘°μ • κ°€λŠ₯
  • Shift ν‚€ λˆ„λ₯΄κ³  선택 μ‹œ 닀쀑 선택 κ°€λŠ₯
  • λ ˆμ΄μ–΄ νŒ¨λ„μ—μ„œ 선택 ν›„ cmd + R : 이름 λ³€κ²½
  • ν”„λ‘œνΌν‹° νŒ¨λ„ Alignment μ—μ„œ μ •λ ¬ μˆ˜μ • κ°€λŠ₯
  • μ—¬λŸ¬ Shape 선택 ν›„ More Alignmentμ—μ„œ 닀쀑 개체 μ •λ ¬ μˆ˜μ • κ°€λŠ₯
profile
λ‹€μž¬λ‹€λŠ₯ ν¬λ¦¬μ—μ΄ν„°βœ¨κ°€ 되기 μœ„ν•œ μž°λ‹ˆμ˜ 개발자 전직 일기

0개의 λŒ“κΈ€