Transpec
One plugin, dual power: Design Specification Extract + Auto Translate.
Plugin 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
Version | 1 |
---|---|
Created | July 10, 2025 |
Last Updated | July 10, 2025 |
Category | Software development |
Creator | yohan.choi |
Stats | 0 installs, 0 likes |
Pricing | Free |
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
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI
SkewDat
Skew any layer or group with all layers preserved to edit.