Back to Plugins
Giraffig · Text Decoration Studio

Giraffig · Text Decoration Studio

Text Decoration Studio

textimageeffectdecoratehighlightbackgroundbrushcolortypographyhighlighterstylessplit

Plugin Preview

Giraffig · Text Decoration Studio preview

About this plugin

Meet Giraffig — an easy tool to level up your text designs. Highlight, Color or Customize your text’s style.


Main steps:

⌨️ Create text

🦒 Run Giraffig

🖌️ Select brushes from the right sidebar

🔤 Click on text lines in plugin

🎉 Enjoy


Useful tips:

  • Since work with Giraffig requires both Figma Canvas and the plugin window we recommend to hide entire Figma UI using keyboard shortcut:
  • Mac: ⌘Command + \
  • Windows: Ctrl + \
  • Giraffig works only with text nodes
  • Prepare all your brushes before working with text nodes. Or just edit applied brushes using context menu next to Text Layer Name ( ⋮ ) 
  • Add local styles to your file for working with complex fills: gradients, image and other
  • Connect your external design system using Palette
  • Use custom frame as a Brush: configure frames on your canvas using alignment, scale, auto-layout, etc. It’s better to use component instances as a Background Brush 
  • Learn more using documentation in the plugin Info Section ( i ). Or just hover on UI elements to see tooltips


🔗 Medium Article with tutorials


We 💜 Figma

Plugin Details

Version8
CreatedApril 7, 2022
Last UpdatedSeptember 9, 2022
Categoryfonts-typography
CreatorDamir Khairulin
Stats489 installs, 68 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Editor Types:
    figma