Back to Plugins
DiceBear Studio

DiceBear Studio

Turn a Figma frame into a DiceBear avatar style, and back.

dicebearavatar

Plugin Preview

DiceBear Studio preview

About this plugin

DiceBear Studio connects Figma and DiceBear, the open source avatar library.Build an avatar style from Figma components and color styles, select the avatar frame, and export it as a DiceBear style definition. DiceBear then renders an avatar in your style from any name or text. You set variants, probabilities, weights, tags, palettes, and the license in the plugin.The import works the other way around: open an empty Figma file, pick a definition file, and the plugin rebuilds the whole style. You get one component per variant, the palettes as color styles, the assembled avatar frame, a file cover, and a "Start here" page that explains how everything fits together.For DiceBear 10 the export is a single definition file. For DiceBear 9 you get a complete npm package.Documentationhttps://www.dicebear.com/guides/create-an-avatar-style-with-figma/Questions or problems?https://github.com/orgs/dicebear/discussions

Plugin Details

Version39
CreatedAugust 7, 2021
Last UpdatedAugust 28, 2026
CategorySoftware development
CreatorDiceBear
Stats306 installs, 18 likes
PricingFree

Technical Details

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