DevTool_Figma#1

h_zeeΒ·2023λ…„ 12μ›” 14일
figma
0

Dev_Tool

λͺ©λ‘ 보기
1/5

πŸ“Œ 링크 : www.figma.com

개인 / νŒ€

πŸ€— νŒ€μ› μ΄ˆλŒ€ν• λ•ŒλŠ” can view 둜 μ„€μ •!!
πŸ€— ν”„λ ˆμž„μ„ μ’€ 더 이용..

Figma μ‚¬μš©λ²•

1) 둜그인 β†’ 파일 생성

2) κΈ°λŠ₯

βœ”οΈ νŒŒμΌμ €μž₯, ν”ŒλŸ¬κ·ΈμΈ 확인 λ“±

βœ”οΈ 툴

βœ”οΈ 곡유 / ν™”λ©΄ κΈ°λŠ₯

βœ”οΈ Layers, Assets 등둝

3) 툴

μ™Όμͺ½μ—μ„œ λΆ€ν„°,

πŸ“– Move / Scale

Move: 쑰절.
Scale: shift λˆ„λ₯΄κ³  μ‘°μ ˆν•˜λŠ” 효과.

πŸ“– Frame / Section / Slice

Frame : μ•„νŠΈλ³΄λ“œ
Section :
Slice : μΌμ •μ˜μ—­ 지정 ν›„, μ˜μ—­μ„ μ΄λ―Έμ§€λ‘œ 배포

πŸ“– Shape

Shape : λ„ν˜•κ·Έλ¦¬κΈ°

πŸ“– Pen / Pencil

Pen : 펜
Pencil : μ—°ν•„

πŸ“– Text

πŸ“– Components, Plugins, Widgets

πŸ“– Hand Tool

Hand Tool : 손(?) 으둜 작고 이동

πŸ“– Comment Tool

Comment Tool : ν”Όλ“œλ°±

4) Design 툴

πŸ“– Fill

Fill : μ±„μš°κΈ°

Fill > Custom > Choose image λ₯Ό 톡해 μ΄λ―Έμ§€νŒŒμΌμ„ 뢈러올 수 μžˆλ‹€.

Figma 적용

✍️ κ³΅λΆ€ν•œ λ‚΄μš©μ„ μ •λ¦¬ν•˜λŠ” 곡간이기 λ•Œλ¬Έμ—, μ •ν™•ν•˜μ§€ μ•Šμ€ 사싀이 λ“€μ–΄κ°ˆ 수 μžˆμŠ΅λ‹ˆλ‹€.
❗ 이미지 무단 λ„μš©μ„ κΈˆμ§€ν•©λ‹ˆλ‹€.

profile
h_zee
ν•˜λ£¨ν•˜λ£¨ μ„±μ‹€ν•˜κ²Œ (λΉ„κ³΅κ°œ λΈ”λ‘œκ·Έμž…λ‹ˆλ‹€-μΌλΆ€κ³΅κ°œ)
λ‹€μŒ 포슀트

DevTool_Figma#2

0개의 λŒ“κΈ€

κ΄€λ ¨ μ±„μš© 정보