Back to Plugins
3D Text Maker

3D Text Maker

Create fully-editable 3D extruded text with gradients, strokes, and shadows — live preview included.

Plugin Preview

3D Text Maker preview

About this plugin

3D Text Maker turns any text into layered 3D extruded lettering — and everything stays editable.Design with a live preview that mirrors the real Figma output, then click once to generate a clean, re-editable 3D text frame. Select it again anytime to fine-tune every setting.■ FEATURES3D Extrusion — control layer count, layer spacing, and extrude angle, with a depth gradient for realistic shading.Fill — solid or gradient (linear / radial / angular / diamond), applied overall or per line for multi-line text.Stroke — inside / center / outside alignment, miter / round / bevel corners, solid or gradient stroke fill.Shadows — stack multiple drop or inner shadows with blur, spread, offset, and opacity.Live Preview — a canvas renderer that matches the exported result, updating as you type.Two-Way Text Sync — select a plain text layer and its typography loads into the panel; panel edits write back to the layer.Copy & Paste Style — copy a 3D text style and paste it onto another 3D text or a plain text layer.Presets — 8 built-in styles (Pearl White, Gold, Steel, Flame, Neon, Midnight Blue, Jade, Cartoon) plus your own saved presets.Component-Aware — edits the main component and shows a read-only notice on instances.Light & Dark — the UI follows your Figma theme automatically.Language — English / 繁體中文 /简体中文 / 日本語 / 한국어 , with your choice remembered.■ HOW TO USESelect a text layer, or run the plugin and type your text.Adjust Fill, 3D Depth, Stroke, and Shadow in the tabs.Click "Create 3D Text" — or "Update 3D Text" when a 3D text frame is selected.Tip: values can be typed directly, including decimals (e.g. 0.5) for fine control.

Plugin Details

Version2
CreatedJuly 21, 2026
Last UpdatedAugust 4, 2026
Categoryediting & effects plugins
CreatorLeo Tsai
Stats70 installs, 3 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none