3D Text Maker
Create fully-editable 3D extruded text with gradients, strokes, and shadows — live preview included.
Plugin 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
| Version | 2 |
|---|---|
| Created | July 21, 2026 |
| Last Updated | August 4, 2026 |
| Category | editing & effects plugins |
| Creator | Leo Tsai |
| Stats | 70 installs, 3 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the editing & effects plugins category.