--- id: [[P-Reinforce|P-Reinforce]]-AUTO-524A98 category: Dev confidence_score: 0.90 tags: [auto-reinforced] last_reinforced: 2026-04-20 github_commit: "[P-Reinforce] Continuous Worker - Figma" --- # [[Figma|Figma]] ## πŸ“Œ ν•œ 쀄 톡찰 (The Karpathy Summary) > FigmaλŠ” λ‹€μˆ˜μ˜ νŽ˜μ΄μ§€, λŒ€μš©λŸ‰ 이미지 및 λ³΅μž‘ν•œ μ»΄ν¬λ„ŒνŠΈλ₯Ό μ‚¬μš©ν•˜μ—¬ λ””μžμΈ 및 ν”„λ‘œν† νƒ€μ΄ν•‘μ„ μˆ˜ν–‰ν•˜λŠ” λ””μžμΈ νˆ΄μž…λ‹ˆλ‹€ [1, 2]. λŒ€κ·œλͺ¨ λ””μžμΈ νŒŒμΌμ—μ„œλŠ” 슀크둀 및 νŽΈμ§‘ μ‹œ μ§€μ—°(Lag) ν˜„μƒμ΄ λ°œμƒν•˜κ±°λ‚˜ ν”„λ‘œν† νƒ€μ΄ν•‘ 쀑 마이크둜 μ§€μ—°(Micro-latency)이 λ°œμƒν•  수 있으며, μ›ν™œν•œ μ‚¬μš©μ„ μœ„ν•΄ λ©”λͺ¨λ¦¬ 및 μ»΄ν¬λ„ŒνŠΈ ꡬ쑰 μ΅œμ ν™”κ°€ μ€‘μš”ν•˜κ²Œ μš”κ΅¬λ©λ‹ˆλ‹€ [1, 2]. ## πŸ“– κ΅¬μ‘°ν™”λœ 지식 (Synthesized Content) - **μ„±λŠ₯ μ €ν•˜μ˜ μ£Όμš” 원인**: λ³΅μž‘ν•œ μ»΄ν¬λ„ŒνŠΈμ™€ λ‹€μˆ˜μ˜ νŽ˜μ΄μ§€κ°€ ν¬ν•¨λœ ν”„λ‘œμ νŠΈλŠ” 슀크둀과 νŽΈμ§‘ μ‹œ 래그(Lag)λ₯Ό μœ λ°œν•©λ‹ˆλ‹€ [2]. 특히 ν”„λ‘œν† νƒ€μž… κΈ°λŠ₯ 쀑 "Smart Animate"λŠ” λ§€ ν”„λ ˆμž„λ§ˆλ‹€ 수천 개의 λ ˆμ΄μ–΄μ— λŒ€ν•œ λ³΅μž‘ν•œ 보간(interpolation)κ³Ό λ ˆμ΄μ•„μ›ƒ 계산을 μˆ˜ν–‰ν•΄μ•Ό ν•˜λ―€λ‘œ, λŒ€ν˜• νŒŒμΌμ—μ„œλŠ” μ‹¬κ°ν•œ μ„±λŠ₯ μ €ν•˜λ₯Ό μΌμœΌν‚€λŠ” μ›μΈμœΌλ‘œ μ§€λͺ©λ©λ‹ˆλ‹€ [1]. - **λ©”λͺ¨λ¦¬ 및 문제 진단**: FigmaλŠ” μ„±λŠ₯ 문제λ₯Ό κ²ͺλŠ” νŽ˜μ΄μ§€λ₯Ό 식별할 수 μžˆλ„λ‘ "[[memory|memory]] Usage(λ©”λͺ¨λ¦¬ μ‚¬μš©λŸ‰)" 도ꡬ와 "Show memory usage in layers panel(λ ˆμ΄μ–΄ νŒ¨λ„μ— λ©”λͺ¨λ¦¬ μ‚¬μš©λŸ‰ ν‘œμ‹œ)" μ˜΅μ…˜μ„ μ œκ³΅ν•©λ‹ˆλ‹€ [1]. - **λ ˆμ΄μ–΄ 및 ꡬ쑰적 μ»΄ν¬λ„ŒνŠΈ μ΅œμ ν™”**: λ ˆμ΄μ–΄ 수, κ·Έμ€‘μ—μ„œλ„ 특히 μΈμŠ€ν„΄μŠ€ λ‚΄μ˜ 'μˆ¨κ²¨μ§„ λ ˆμ΄μ–΄(hidden layers)'λ₯Ό μ€„μ΄λŠ” 것이 μ„±λŠ₯ ν–₯μƒμ˜ ν•΅μ‹¬μž…λ‹ˆλ‹€ [1, 3, 4]. ꡬ쑰적 μ»΄ν¬λ„ŒνŠΈ(structure components)λŠ” μ’…μ’… μ—¬λŸ¬ μ»΄ν¬λ„ŒνŠΈμ— μˆ¨κ²¨μ§„ λ ˆμ΄μ–΄λ₯Ό λŒ€λŸ‰μœΌλ‘œ μΆ”κ°€ν•˜μ—¬ μ„±λŠ₯을 μ•…ν™”μ‹œν‚΅λ‹ˆλ‹€ [5]. μƒν˜Έμž‘μš©μ— ν•„μˆ˜μ μΈ μš”μ†Œλ§Œ 남기고 ꡬ쑰적 μ»΄ν¬λ„ŒνŠΈμ™€ λΆˆν•„μš”ν•œ μˆ¨κ²¨μ§„ λ ˆμ΄μ–΄λ₯Ό μ œκ±°ν•˜λ©΄ ν”„λ‘œν† νƒ€μž…μ˜ μ„±λŠ₯이 λˆˆμ— λ„κ²Œ λΆ€λ“œλŸ¬μ›Œμ§‘λ‹ˆλ‹€ [6, 7]. - **λ² λ¦¬μ–ΈνŠΈ(Variants) 관리**: ν¬ν•¨λœ λ² λ¦¬μ–ΈνŠΈμ˜ μˆ˜λŠ” μ»΄ν¬λ„ŒνŠΈμ˜ μ—…λ°μ΄νŠΈ 속도에 직접적인 영ν–₯을 λ―ΈμΉ©λ‹ˆλ‹€ [4]. 250μ—¬ 개의 λ² λ¦¬μ–ΈνŠΈλ₯Ό κ°€μ§„ μ•„μ΄μ½˜ μ»΄ν¬λ„ŒνŠΈλ₯Ό μ—¬λŸ¬ 개의 κ°œλ³„ μ»΄ν¬λ„ŒνŠΈλ‘œ λΆ„λ¦¬ν•˜κ³  λ‚΄λΆ€μ˜ μˆ¨κ²¨μ§„ λ ˆμ΄μ–΄λ₯Ό μ œκ±°ν•œ κ²°κ³Ό, μ—…λ°μ΄νŠΈ 속도와 μ „λ°˜μ μΈ μ„±λŠ₯이 λŒ€ν­ ν–₯μƒλœ 사둀가 μžˆμŠ΅λ‹ˆλ‹€ [7]. - **ν”„λ‘œν† νƒ€μ΄ν•‘ ꢌμž₯ 사항**: μ„±λŠ₯이 맀우 μ€‘μš”ν•œ ν”„λ‘œν† νƒ€μž…μ˜ 경우 "Smart Animate"λ₯Ό μ‚¬μš©ν•˜λŠ” λŒ€μ‹  λ‹¨μˆœν•œ ν™”λ©΄ μ „ν™˜(simple transitions)μ΄λ‚˜ λ² λ¦¬μ–ΈνŠΈλ₯Ό ν™œμš©ν•˜λŠ” 것이 마이크둜 지연을 쀄이고 더 λΆ€λ“œλŸ¬μš΄ μƒν˜Έμž‘μš©μ„ 보μž₯ν•˜λŠ” λ°©λ²•μž…λ‹ˆλ‹€ [1]. ## ⚠️ λͺ¨μˆœ 및 μ—…λ°μ΄νŠΈ (Contradictions & RL Update) - **κ³Όκ±° λ°μ΄ν„°μ™€μ˜ 좩돌:** μžλ™ν™” 엔진에 μ˜ν•΄ λ§€ν•‘λœ μ§€μ‹μœΌλ‘œ, μΆ”ν›„ μ •λ°€ 검증 ν•„μš”. - **μ •μ±… λ³€ν™”:** Programming & Language λΆ„μ•Όμ˜ μžλ™ μžμ‚°ν™” μˆ˜ν–‰. ## πŸ”— 지식 μ—°κ²° (Graph) - **Related Topics:** Smart Animate, Hidden Layers, Variants - **Projects/Contexts:** Figma Performance [[Optimization|Optimization]] - **Contradictions/Notes:** λ² λ¦¬μ–ΈνŠΈμ˜ 수λ₯Ό μ΅œμ†Œν™”ν•˜κΈ° μœ„ν•΄ μ€‘μ²©λœ ꡬ쑰적 μ»΄ν¬λ„ŒνŠΈ(nested structure components)λ₯Ό μ‚¬μš©ν•˜λŠ” 것은 직관과 달리 μ„±λŠ₯에 μ΅œμ•…μ˜ 영ν–₯을 λ―ΈμΉ  수 μžˆμŠ΅λ‹ˆλ‹€ [8]. μ†ŒμŠ€μ— λ”°λ₯΄λ©΄, ꡬ쑰적 μ»΄ν¬λ„ŒνŠΈλ‘œ 인해 λ°œμƒν•˜λŠ” μˆ¨κ²¨μ§„ λ ˆμ΄μ–΄λ₯Ό μ œκ±°ν•˜κ³  λŒ€μ‹  λ² λ¦¬μ–ΈνŠΈμ˜ 수λ₯Ό λŠ˜λ¦¬κ±°λ‚˜ κ°œλ³„ μ»΄ν¬λ„ŒνŠΈλ‘œ μͺΌκ°œλŠ” 것이 였히렀 μ„±λŠ₯ ν–₯상에 훨씬 μœ λ¦¬ν•©λ‹ˆλ‹€ [6, 7]. --- *Last updated: 2026-04-19* ---