DiceBear Studio
by DiceBear
Turn a Figma frame into a DiceBear avatar style, and back.
Installs
315
Likes
20
Users
1,371
Views
2,587
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
More software development plugins
View allBuilder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
by Steve Sewell
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Anima: Convert Figma to HTML/CSS/React/Tailwind,Vibe code,DevMode Inspect/Run React/HTML,App builder
by Anima
Anima - AI Design to code, Vibe code, Vibe design
SkewDat
Paidby Unfold
Skew any layer or group with all layers preserved to edit.
Zeplin
Paidby Zeplin Crew
Design tools are for designing. Zeplin is for clear, structured design delivery.