Back to Plugins
Transpec

Transpec

One plugin, dual power: Design Specification Extract + Auto Translate.

Plugin Preview

Transpec preview

About this plugin

πŸš€ Figmaμ—μ„œ μ‹€μ‹œκ°„ λ²ˆμ—­κ³Ό λ””μžμΈ μŠ€νŽ™ μΆ”μΆœμ„ ν•œ λ²ˆμ—!


🎯 핡심 κΈ°λŠ₯

β€’ AI ν…μŠ€νŠΈ μžλ™ λ²ˆμ—­

μ„ νƒν•œ ν…μŠ€νŠΈ λ ˆμ΄μ–΄λ₯Ό μ‹€μ‹œκ°„μœΌλ‘œ λ²ˆμ—­ν•˜κ³  μΊ”λ²„μŠ€μ— μ¦‰μ‹œ 적용

지원 μ–Έμ–΄: ν•œκ΅­μ–΄, μ˜μ–΄, 일본어, 쀑ꡭ어, μŠ€νŽ˜μΈμ–΄, ν”„λž‘μŠ€μ–΄ (Google λ²ˆμ—­ API 기반)

β€’ λ””μžμΈ μŠ€νŽ™ μžλ™ μΆ”μΆœ

λ ˆμ΄μ–΄ 선택 μ‹œ μ‚¬μ΄μ¦ˆ, μœ„μΉ˜, 투λͺ…도, 폰트 μŠ€νƒ€μΌ, λ ˆμ΄μ•„μ›ƒ 정보 λ“± μ¦‰μ‹œ ν‘œμ‹œ

β€’ μŠ€νƒ€μΌ κ°€μ΄λ“œ 생성

색상, νƒ€μ΄ν¬κ·Έλž˜ν”Ό, 간격 μ‹œμŠ€ν…œμ„ μžλ™ λΆ„μ„ν•˜μ—¬ μΌκ΄€λœ λ””μžμΈ μ‹œμŠ€ν…œ μœ μ§€ 지원

β€’ 닀쀑 λ ˆμ΄μ–΄ 지원

μ—¬λŸ¬ 객체λ₯Ό μ„ νƒν•˜λ©΄ ν†΅ν•©λœ λ””μžμΈ μŠ€νŽ™κ³Ό μŠ€νƒ€μΌ 정보λ₯Ό ν•œλˆˆμ— 확인 κ°€λŠ₯


🎯 Transpec의 핡심 차별 포인트

βœ… μžλ™ λ²ˆμ—­ + λ””μžμΈ μŠ€νŽ™ μΆ”μΆœμ„ λ™μ‹œμ— μ§€μ›ν•˜λŠ” μ˜¬μΈμ› ν”ŒλŸ¬κ·ΈμΈ

βœ… λ””μžμΈμ„ μ‹€μ‹œκ°„μœΌλ‘œ λ‹€κ΅­μ–΄ UI둜 μ „ν™˜ν•˜κ³  κ°œλ°œμžκ°€ λ°”λ‘œ μ‚¬μš©ν•  수 μžˆλŠ” μŠ€νŽ™κΉŒμ§€ μžλ™ 생성

βœ… μ–΄λ–€ 섀정도 없이 μ¦‰μ‹œ μ‚¬μš© κ°€λŠ₯, λ²ˆμ—­λ„ μŠ€νƒ€μΌλ„ ν•œ λ²ˆμ— 처리

βœ… κΈ€λ‘œλ²Œ νŒ€, λ‘œμ»¬λΌμ΄μ§• μž‘μ—…μ— μ΅œμ ν™”λœ μ‹€μš©μ  κΈ°λŠ₯


πŸ’Ό 이런 λΆ„λ“€κ»˜ μΆ”μ²œν•΄μš”

β€’ λ‹€κ΅­μ–΄ UI/UX λ””μžμΈμ„ μ§„ν–‰ν•˜λŠ” λ””μžμ΄λ„ˆ

β€’ λ²ˆμ—­λœ μ½˜ν…μΈ λ₯Ό λ°”λ‘œ μ μš©ν•˜κ³  싢은 기획자 및 λ§ˆμΌ€ν„°

β€’ λΉ λ₯΄κ³  μ •ν™•ν•œ 개발 전달 μŠ€νŽ™μ΄ ν•„μš”ν•œ ν”„λ‘ νŠΈμ—”λ“œ 개발자


🌟 μ™œ TranspecμΈκ°€μš”?

λŒ€λΆ€λΆ„μ˜ ν”ŒλŸ¬κ·ΈμΈμ€ λ²ˆμ—­ λ˜λŠ” μŠ€νŽ™ μΆ”μΆœ ν•œμͺ½ κΈ°λŠ₯만 μ§€μ›ν•©λ‹ˆλ‹€.

Transpec은 두 κ°€μ§€λ₯Ό λ™μ‹œμ—, 그것도 μ‹€μ‹œκ°„μœΌλ‘œ, Figma μ•ˆμ—μ„œ μ²˜λ¦¬ν•©λ‹ˆλ‹€.

볡사-λΆ™μ—¬λ„£κΈ° 없이, λͺ…μ„Έ λ¬Έμ„œ 없이,

μ‹œκ°„μ„ μ ˆμ•½ν•˜κ³ , μ‹€μˆ˜λ₯Ό 쀄이며, 완성도 높은 κΈ€λ‘œλ²Œ λ””μžμΈμ„ λΉ λ₯΄κ²Œ μ œμž‘ν•΄λ³΄μ„Έμš”.



πŸš€ Real-time Translation & Design Spec Extraction in Figma!


🎯 Key Features

β€’ AI-Powered Text Translation

Translate selected text layers in real-time and apply changes directly to the canvas.

Supported languages: Korean, English, Japanese, Chinese, Spanish, French (Powered by Google Translate API)

β€’ Automatic Design Spec Extraction

Get instant specs like size, position, opacity, font styles, and layout data when selecting layers.

β€’ Style Guide Generation

Automatically extract color palettes, typography, and spacing systems to maintain consistent design systems.

β€’ Multi-Layer Support

Select multiple layers to view combined design specs and style information at a glance.


🎯 What Makes Transpec Unique

βœ… All-in-one plugin that supports both translation and design spec extraction

βœ… Instantly convert your designs into multilingual UI with developer-ready specs

βœ… No setup required β€” handle translation and specs in one go

βœ… Optimized for global teams and localization workflows


πŸ’Ό Recommended For

β€’ Designers working on multilingual UI/UX projects

β€’ PMs and marketers who need to instantly apply translated content

β€’ Frontend developers requiring fast and accurate design specs


🌟 Why Choose Transpec?

Most plugins support either translation or spec extraction β€” rarely both.

Transpec does both simultaneously, in real-time, right inside Figma.


No more copy-pasting, no more manual documentation.

Save time, reduce errors, and build polished global designs faster.

Plugin Details

Version1
CreatedJuly 10, 2025
Last UpdatedJuly 10, 2025
CategorySoftware development
Creatoryohan.choi
Stats0 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://script.google.com
    • https://script.googleusercontent.com