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 TranslationTranslate 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 ExtractionGet instant specs like size, position, opacity, font styles, and layout data when selecting layers.โ€ข Style Guide GenerationAutomatically extract color palettes, typography, and spacing systems to maintain consistent design systems.โ€ข Multi-Layer SupportSelect 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
Stats15 installs, 5 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