---
title: 3D art in Roblox
description: An overview of 3D art tools, resources, and workflows for creators of all experience levels.
hideInPageNavigation: true
---

3D art in Roblox refers to the creation and integration of models, environments, effects, sounds, and more to create an engaging and immersive experience. 3D artists bring the world, objects, and characters to life with a variety of tools and techniques using Roblox Studio and external applications.

No matter your creative background, Roblox provides a variety of tools, guides, tutorials, and reference files to help inspire and level up your 3D art creation in your experiences and beyond.

<br />

<h2 style={{marginBottom: 24}}>Quick reference</h2>
Whether you're just getting started with Roblox or need a quick refresher, use the following popular resources to get up to speed.

<Grid container spacing={2} style={{marginBottom: 24}}>
<Grid item container XSmall={12} Medium={6} Large={4} direction="row" style={{gap: 24, marginBottom: 12}}>
<Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>

  <div class="container"
  style={{position: "relative", paddingBottom: "56.25%", height: 0}}>
    <img src="../assets/misc/blog_evergreen.png" />
  </div>
    <Typography variant='h4'>3D art in Roblox Studio</Typography>
    <Typography variant='body1' >Get up to speed with the many powerful tools and functions in Roblox Studio!</Typography>
    <a href="./overview-studio.md"><Typography variant='h6' style={{marginBottom: 12}}>Studio for artists</Typography></a>
  </Grid>
  </Grid>

<Grid item container XSmall={12} Medium={6} Large={4} direction="row" style={{gap: 24, marginBottom: 12}}>
<Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>

  <div class="container"
  style={{position: "relative", paddingBottom: "56.25%", height: 0}}>
    <img src="../assets/art/avatar/DCC-Thumbnail.png" />
  </div>
    <Typography variant='h4'>Use third-party applications</Typography>
    <Typography variant='body1' >Understand how to use incorporate your creations from off-platform into Studio.</Typography>
    <a href="./overview-dcc.md"><Typography variant='h6' style={{marginBottom: 12}}>Overview</Typography></a>
    <a href="./modeling/specifications.md"><Typography variant='h6' style={{marginBottom: 12}}>General modeling requirements</Typography></a>
    <a href="./modeling/project-files.md"><Typography variant='h6' style={{marginBottom: 12}}>Downloadable references</Typography></a>

  </Grid>
  </Grid>

<Grid item container XSmall={12} Medium={6} Large={4} direction="row" style={{gap: 24, marginBottom: 12}}>
<Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>

  <div class="container"
  style={{position: "relative", paddingBottom: "56.25%", height: 0}}>
    <iframe src="https://www.youtube-nocookie.com/embed/EUDSIUmLjxA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowFullScreen  style={{position: "absolute", top: 0, left: 0, width: "100%", height: "100%"}}></iframe>
  </div>
    <Typography variant='h4'>Create avatar items</Typography>
    <Typography variant='body1' >Create accessories, clothing, and bodies that you can sell on the Marketplace.</Typography>
    <a href="../avatar/index.md"><Typography variant='h6' style={{marginBottom: 12}}>Overview</Typography></a>
    <a href="../marketplace/index.md"><Typography variant='h6' style={{marginBottom: 12}}>Marketplace overview</Typography></a>
    <a href="../marketplace/marketplace-fees-and-commissions.md"><Typography variant='h6' style={{marginBottom: 12}}>Fees and commissions</Typography></a>

  </Grid>
  </Grid>
</Grid>

<br /> <br />

<h2 style={{marginBottom: 24}}>Tutorials</h2>

To dive deeper, follow along with guided curriculum
that teaches you the skills you need to create and monetize your experiences.

<Grid container spacing={2} style={{marginBottom: 24}}>

<Grid item container XSmall={12} Medium={6} Large={4} direction="row" style={{gap: 24, marginBottom: 12}}>
<Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>

<div class="container"
style={{position: "relative", paddingBottom: "56.25%", height: 0}}>
<iframe src="https://www.youtube-nocookie.com/embed/nwShvDmFHWc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowFullScreen  style={{position: "absolute", top: 0, left: 0, width: "100%", height: "100%"}}></iframe>
</div>
  <Typography variant='h4'>Environmental art</Typography>
  <Typography variant='body1' >Environmental art teaches you how to recreate a high-quality environment for a first-person laser tag experience.</Typography>
    <div style={{marginTop:16}}>
      <a underline="none" href="../tutorials/curriculums/environmental-art/index.md">
      <Button variant="contained" color="secondary" size='large'
      style={{marginRight:8, alignSelf: 'flex-start'}}>Create</Button>
      </a>
      <UseStudioButton variant="link" buttonTextTranslationKey="Action.EditInStudio" placeId="14447845297" universeId="4990775993" />
    </div>
</Grid>
</Grid>

<Grid item container XSmall={12} Medium={6} Large={4} direction="row" style={{gap: 24, marginBottom: 12}}>
<Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>

<div class="container"
style={{position: "relative", paddingBottom: "56.25%", height: 0}}>
<iframe src="https://www.youtube-nocookie.com/embed/tzPn6QvU8Bo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowFullScreen  style={{position: "absolute", top: 0, left: 0, width: "100%", height: "100%"}}></iframe>
</div>
  <Typography variant='h4'>Avatar item tutorials</Typography>
  <Typography variant='body1' >Check out our tutorials on creating your own Avatar items ready for the Marketplace.</Typography>
    <a href="./accessories/creating-rigid/index.md"><Typography variant='h6' style={{marginBottom: 12}}>Create accessories</Typography></a>
    <a href="./accessories/creating/index.md"><Typography variant='h6' style={{marginBottom: 12}}>Create clothes</Typography></a>
    <a href="./characters/creating/index.md"><Typography variant='h6' style={{marginBottom: 12}}>Create characters from templates</Typography></a>
</Grid>
</Grid>

</Grid>

<h2 style={{marginBottom: 24, marginTop: 48}}>Showcases</h2>

Check out the following showcases made by Roblox and the community. Each of these highlight amazing creativity and technical accomplishments by talented creators.

<Grid container spacing={2} style={{marginBottom: 24}}>

<Grid item container XSmall={12} Medium={6} Large={4} direction="row" style={{gap: 24, marginBottom: 12}}>
<Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>

  <div class="container"
  style={{position: "relative", paddingBottom: "56.25%", height: 0}}>
  <img src="../assets/resources/mystery-of-duvall-drive/overview/overview.png" />
  </div>
    <Typography variant='h4'>Roblox creations</Typography>
    <Typography variant='body1' >Check out various experiences created by Roblox. Click to see documentation, downloadable resources, and links to try out the experiences yourself!</Typography>
    <a href="../resources/the-mystery-of-duvall-drive/index.md"><Typography variant='h6' style={{marginBottom: 12}}>Mystery of Duvall Drive</Typography></a>
    <a href="../resources/beyond-the-dark/index.md"><Typography variant='h6' style={{marginBottom: 12}}>Beyond the Dark</Typography></a>
    <a href="../tutorials/use-case-tutorials/modeling/assemble-modular-environments.md"><Typography variant='h6' style={{marginBottom: 12}}>Modern City template</Typography></a>
  </Grid>
  </Grid>

<Grid item container XSmall={12} Medium={6} Large={4} direction="row" style={{gap: 24, marginBottom: 12}}>
<Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>

  <div class="container"
  style={{position: "relative", paddingBottom: "56.25%", height: 0}}>
  <img src="../assets/art/Shrine-Detailed.jpg" />
  </div>
    <Typography variant='h4'>Community creations</Typography>
        <Typography variant='body1' >Check out these amazing showcase experiences created members of the community!</Typography>
    <a href="https://www.roblox.com/games/3158922185/Toyokawa-Inari-Shrine-Showcase"><Typography variant='h6' style={{marginBottom: 12}}>Toyokawa Inaru Shrine by @nezko</Typography></a>
    <a href="https://www.roblox.com/games/6519709626/Hotel-Resort"><Typography variant='h6' style={{marginBottom: 12}}>Hotel Resort by @ChooShu_Cho</Typography></a>
    <a href="https://www.roblox.com/games/5415692770/Lab"><Typography variant='h6' style={{marginBottom: 12}}>Lab by @thisfall</Typography></a>
  </Grid>
  </Grid>
</Grid>

<h2 style={{marginBottom: 24, marginTop: 96}}>From the staff</h2>

The following articles are from the staff, covering a broad array of topics that can help you on your creative journey both within Studio and beyond.

<Grid container spacing={2} style={{marginBottom: 24}}>

<Grid item container XSmall={12} Medium={6} Large={4} direction="row" style={{gap: 24, marginBottom: 12}}>
<Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>
<img src="../assets/art/Thumbnail-Buttes.jpeg" />
<Typography variant='h4'>Create buttes and mesas with Studio terrain</Typography>

Create beautiful and striking landscapes using Studio's powerful terrain and material tools.
<a underline="none" href="https://devforum.roblox.com/t/creating-buttes-in-roblox-studio-using-materialvariant-and-terraindetails/2840180">
<Button variant="contained" color="secondary" size='large'
style={{marginRight:8, alignSelf: 'flex-start'}}>Learn more</Button>
</a>
</Grid>
</Grid>

<Grid item container XSmall={12} Medium={6} Large={4} direction="row" style={{gap: 24, marginBottom: 12}}>
<Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>

<div class="container"
style={{position: "relative", paddingBottom: "56.25%", height: 0}}>
<iframe src="https://www.youtube-nocookie.com/embed/V-SDTfxcIF8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowFullScreen  style={{position: "absolute", top: 0, left: 0, width: "100%", height: "100%"}}></iframe>
</div>
<Typography variant='h4'>Custom skyboxes 101</Typography>

Apply your own custom skyboxes to your experience to add some flair and elevate your world.
<a underline="none" href="https://devforum.roblox.com/t/custom-skyboxes-101/2849003">
<Button variant="contained" color="secondary" size='large'
style={{marginRight:8, alignSelf: 'flex-start'}}>Learn more</Button>
</a>
</Grid>
</Grid>

<Grid item container XSmall={12} Medium={6} Large={4} direction="row" style={{gap: 24, marginBottom: 12}}>
<Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>
<img src="../assets/art/Thumbnail-Tinting.jpeg" />
<Typography variant='h4'>Use alpha masks to customize colors</Typography>

Save time and optimize for performance by using alpha masks in your PBR textures.
<a underline="none" href="https://devforum.roblox.com/t/using-alpha-masks-in-color-maps-to-customizetint-base-colors/2883381">
<Button variant="contained" color="secondary" size='large'
style={{marginRight:8, alignSelf: 'flex-start'}}>Learn more</Button>
</a>
</Grid>
</Grid>

<Grid item container XSmall={12} Medium={6} Large={4} direction="row" style={{gap: 24, marginBottom: 12}}>
<Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>
<img src="../assets/art/Thumbnail-Looping.png" />
<Typography variant='h4'>Create perfect audio loops</Typography>

Learn a quick technique to make seamless loops in your audio files. Great for ambience, music, sound effects, and more.
<a underline="none" href="https://devforum.roblox.com/t/creating-perfect-audio-loops/2849057">
<Button variant="contained" color="secondary" size='large'
style={{marginRight:8, alignSelf: 'flex-start'}}>Learn more</Button>
</a>
</Grid>
</Grid>

<Grid item container XSmall={12} Medium={6} Large={4} direction="row" style={{gap: 24, marginBottom: 12}}>
<Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>
<img src="../assets/art/Thumbnail-Radial.png" />
<Typography variant='h4'>Use radial symmetry with Zbrush</Typography>

Radial symmetry is an extremely versatile sculpting technique applicable in many third-party tools. This article is a primer on radial symmetry in Zbrush.
<a underline="none" href="https://devforum.roblox.com/t/how-to-use-radial-symmetry-using-zbrush/2925165">
<Button variant="contained" color="secondary" size='large'
style={{marginRight:8, alignSelf: 'flex-start'}}>Learn more</Button>
</a>
</Grid>
</Grid>

<Grid item container XSmall={12} Medium={6} Large={4} direction="row" style={{gap: 24, marginBottom: 12}}>
<Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>

<Typography variant='h4'>Looking for more?</Typography>

Stay up to date with new articles written by our staff on the [DevForum](https://devforum.roblox.com/c/resources/roblox-staff/278). Topics can range from third-party tools, behind-the-scenes, tutorials, and more.

</Grid>
</Grid>

</Grid>

<br />

<h2 style={{marginBottom: 24, marginTop: 96}}>Additional resources</h2>

The following is a list of common 3D art resources ordered by subject, as well as other Studio and Avatar documentation. You can also use the side navigation bar, search bar, or assistant to find specific articles and topics.

<Typography variant='h5'>Get started and tutorials</Typography>

<Grid container spacing={2} style={{marginBottom: 24}}>
<Grid item container XSmall={12} Medium={6} Large={4} direction="row" style={{gap: 24, marginBottom: 12}}>
<Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>
<Typography variant='h5'>Topic overviews</Typography>

<a href="./overview-studio.md"><Typography variant='body1' style={{marginBottom: 12}}>Get started in Studio</Typography></a>
<a href="./overview-dcc.md"><Typography variant='body1' style={{marginBottom: 12}}>Get started with third-party software</Typography></a>
<a href="../avatar/index.md"><Typography variant='body1' style={{marginBottom: 12}}>Get started with avatar items</Typography></a>
<a href="../tutorials/first-experience/index.md"><Typography variant='body1' style={{marginBottom: 12}}>Create your first experience</Typography></a>
<a href="../production/creator-store.md"><Typography variant='body1' style={{marginBottom: 12}}>Creator Store overview</Typography></a>
<a href="../marketplace/index.md"><Typography variant='body1' style={{marginBottom: 12}}>Marketplace overview</Typography></a>
</Grid>
</Grid>

<Grid item container XSmall={12} Medium={6} Large={4} direction="row" style={{gap: 24, marginBottom: 12}}>
<Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>
<Typography variant='h5'>3D art tutorials</Typography>

<a href="../tutorials/curriculums/core/index.md"><Typography variant='body1' style={{marginBottom: 12}}>Core curriculum</Typography></a>
<a href="../tutorials/curriculums/environmental-art/index.md"><Typography variant='body1' style={{marginBottom: 12}}>Environmental art</Typography></a>
<a href="../tutorials/curriculums/gameplay-scripting/index.md"><Typography variant='body1' style={{marginBottom: 12}}>Gameplay scripting</Typography></a>
<br />

<p><Typography variant='body1' style={{marginBottom: 12}}>See <a href="../tutorials/index.md">Engine tutorials</a> for additional 3D Art tutorials.</Typography></p>

</Grid>
</Grid>

<Grid item container XSmall={12} Medium={6} Large={4} direction="row" style={{gap: 24, marginBottom: 12}}>
<Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>

<Typography variant='h5'>Avatar tutorials</Typography>

<a href="../art/accessories/creating-rigid/index.md"><Typography variant='body1' style={{marginBottom: 12}}>Creating accessories</Typography></a>
<a href="../art/accessories/creating/index.md"><Typography variant='body1' style={{marginBottom: 12}}>Create clothing</Typography></a>
<a href="../art/characters/creating/index.md"><Typography variant='body1' style={{marginBottom: 12}}>Create avatar characters from templates</Typography></a>
<br />

<p><Typography variant='body1' style={{marginBottom: 12}}>See <a href="../avatar/tutorials.md">Avatar tutorials</a> for additional avatar tutorials.</Typography></p>

</Grid>
</Grid>

</Grid>

<Typography variant='h5'>Specifications and references</Typography>

<Grid container spacing={2} style={{marginBottom: 24}}>

<Grid item container XSmall={12} Medium={6} Large={4} direction="row" style={{gap: 24, marginBottom: 12}}>
<Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>

<Typography variant='h5'>Technical specs</Typography>

<a href="./modeling/export-requirements.md"><Typography variant='body1' style={{marginBottom: 12}}>Blender and Maya .FBX export settings</Typography></a>
<a href="./modeling/specifications.md"><Typography variant='body1' style={{marginBottom: 12}}>General mesh specifications</Typography></a>
<a href="./accessories/specifications.md"><Typography variant='body1' style={{marginBottom: 12}}>Accessory specifications</Typography></a>
<a href="./accessories/clothing-specifications.md"><Typography variant='body1' style={{marginBottom: 12}}>Clothing specifications</Typography></a>
<a href="./characters/specifications.md"><Typography variant='body1' style={{marginBottom: 12}}>Avatar character specifications</Typography></a>
<a href="../marketplace/marketplace-policy.md"><Typography variant='body1' style={{marginBottom: 12}}>Marketplace policy</Typography></a>

</Grid>
</Grid>

<Grid item container XSmall={12} Medium={6} Large={4} direction="row" style={{gap: 24, marginBottom: 12}}>
<Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>
<Typography variant='h5'>Reference files</Typography>
<a href="./modeling/project-files.md"><Typography variant='body1' style={{marginBottom: 12}}>Example models</Typography></a>
<a href="./modeling/project-files.md#avatar-and-accessories"><Typography variant='body1' style={{marginBottom: 12}}>Reference avatar items</Typography></a>
<a href="./modeling/project-files.md#add-ons-and-tools"><Typography variant='body1' style={{marginBottom: 12}}>Add-ons and tools</Typography></a>

</Grid>
</Grid>

<Grid item container XSmall={12} Medium={6} Large={4} direction="row" style={{gap: 24, marginBottom: 12}}>
<Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>
<Typography variant='h5'>Texturing</Typography>

<a href="./modeling/texture-specifications.md"><Typography variant='body1' style={{marginBottom: 12}}>Texturing requirements</Typography></a>
<a href="./modeling/surface-appearance.md"><Typography variant='body1' style={{marginBottom: 12}}>PBR textures</Typography></a>
<a href="https://devforum.roblox.com/t/using-alpha-masks-in-color-maps-to-customizetint-base-colors/2883381"><Typography variant='body1' style={{marginBottom: 12}}>Create customizable colors with alpha masks (staff)</Typography></a>
</Grid>
</Grid>

</Grid>

<Typography variant='h5'>Guides and workflows</Typography>

<Grid container spacing={2} style={{marginBottom: 24}}>

<Grid item container XSmall={12} Medium={6} Large={4} direction="row" style={{gap: 24, marginBottom: 12}}>
<Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>
<Typography variant='h5'>Studio tools</Typography>

<a href="./modeling/3d-importer.md"><Typography variant='body1' style={{marginBottom: 12}}>3D Importer</Typography></a>

<a href="./accessories/accessory-fitting-tool.md"><Typography variant='body1' style={{marginBottom: 12}}>Accessory Fitting Tool</Typography></a>

<a href="../animation/editor.md"><Typography variant='body1' style={{marginBottom: 12}}>Animation Editor</Typography></a>

<a href="../animation/capture.md"><Typography variant='body1' style={{marginBottom: 12}}>Animation Capture</Typography></a>

<a href="../avatar-setup/"><Typography variant='body1' style={{marginBottom: 12}}>Avatar Setup</Typography></a>

<a href="../parts/materials.md"><Typography variant='body1' style={{marginBottom: 12}}>Material Generator</Typography></a>

<a href="../parts/terrain.md"><Typography variant='body1' style={{marginBottom: 12}}>Terrain Editor</Typography></a>

<a href="../studio/texture-generator.md"><Typography variant='body1' style={{marginBottom: 12}}>Texture Generator</Typography></a>

<Typography variant='body1' style={{marginBottom: 12}}><a href="../projects/assets/toolbox.md">Toolbox</a> and <a href="../projects/assets/manager.md">Asset Manager</a></Typography>

<p><Typography variant='body1' style={{marginBottom: 12}}>See <a href="../studio/index.md">Studio overview</a> for more.</Typography></p>
</Grid>
</Grid>

<Grid item container XSmall={12} Medium={6} Large={4} direction="row" style={{gap: 24, marginBottom: 12}}>
<Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>
<Typography variant='h5'>Environment, lighting, and effects</Typography>

<a href="../tutorials/curriculums/environmental-art/index.md"><Typography variant='body1' style={{marginBottom: 12}}>Environmental art curriculum</Typography></a>
<a href="../tutorials/use-case-tutorials/modeling/assemble-modular-environments.md"><Typography variant='body1' style={{marginBottom: 12}}>Assemble modular environments</Typography></a>
<a href="../effects/light-sources.md"><Typography variant='body1' style={{marginBottom: 12}}>Light with props</Typography></a>
<a href="../tutorials/use-case-tutorials/audio/add-3D-audio.md"><Typography variant='body1' style={{marginBottom: 12}}>Add 3D audio</Typography></a>
<a href="../tutorials/use-case-tutorials/audio/add-2D-audio.md"><Typography variant='body1' style={{marginBottom: 12}}>Add 2D audio</Typography></a>
<a href="../tutorials/use-case-tutorials/audio/add-text-to-speech.md"><Typography variant='body1' style={{marginBottom: 12}}>Add text-to-speech</Typography></a>
<a href="../tutorials/use-case-tutorials/lighting/enhance-outdoor-environments.md"><Typography variant='body1' style={{marginBottom: 12}}>Enhance outdoor environments with realistic lighting</Typography></a>
<a href="https://devforum.roblox.com/t/custom-skyboxes-101/2849003"><Typography variant='body1' style={{marginBottom: 12}}>Custom skyboxes 101 (Staff)</Typography></a>

<br />

<p><Typography variant='body1' style={{marginBottom: 12}}>See <a href="../environment/index.md">Lighting and effects</a> for additional environment resources.</Typography></p>

</Grid>
</Grid>
<Grid item container XSmall={12} Medium={6} Large={4} direction="row" style={{gap: 24, marginBottom: 12}}>
<Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>

<Typography variant='h5'>Avatar item creation</Typography>

<a href="../avatar/index.md"><Typography variant='body1' style={{marginBottom: 12}}>Avatar overview</Typography></a>
<a href="./accessories/index.md"><Typography variant='body1' style={{marginBottom: 12}}>Accessories overview</Typography></a>
<a href="./accessories/layered-clothing.md"><Typography variant='body1' style={{marginBottom: 12}}>Clothing overview</Typography></a>
<a href="./characters/index.md"><Typography variant='body1' style={{marginBottom: 12}}>Character bodies overview</Typography></a>
<a href="../marketplace/index.md"><Typography variant='body1' style={{marginBottom: 12}}>Marketplace overview</Typography></a>

</Grid>
</Grid>

<Grid item container XSmall={12} Medium={6} Large={4} direction="row" style={{gap: 24, marginBottom: 12}}>
<Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>
<Typography variant='h5'>Animation</Typography>

<a href="../animation/capture.md"><Typography variant='body1' style={{marginBottom: 12}}>Animation Capture</Typography></a>
<a href="../animation/editor.md"><Typography variant='body1' style={{marginBottom: 12}}>Animation Editor</Typography></a>
<a href="./characters/export-avatar-animations-from-maya.md"><Typography variant='body1' style={{marginBottom: 12}}>Export animations from Maya</Typography></a>
<a href="../animation/inverse-kinematics.md"><Typography variant='body1' style={{marginBottom: 12}}>Inverse kinematics</Typography></a>
<br />

<p><Typography variant='body1' style={{marginBottom: 12}}>See <a href="../animation/index.md">Animation</a> for additional resources.</Typography></p>
</Grid>
</Grid>

<Grid item container XSmall={12} Medium={6} Large={4} direction="row" style={{gap: 24, marginBottom: 12}}>
<Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>
<Typography variant='h5'>Facial animation and live heads</Typography>

<a href="./characters/facial-animation/create-basic-heads.md"><Typography variant='body1' style={{marginBottom: 12}}>Basic head creation</Typography></a>
<a href="./characters/facial-animation/create-face-accessories.md"><Typography variant='body1' style={{marginBottom: 12}}>Create face accessories</Typography></a>
<a href="./characters/facial-animation/facs-poses-reference.md"><Typography variant='body1' style={{marginBottom: 12}}>FACS pose references</Typography></a>

</Grid>
</Grid>

<Grid item container XSmall={12} Medium={6} Large={4} direction="row" style={{gap: 24, marginBottom: 12}}>
<Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>

<Typography variant='h5'>Rigging and skinning</Typography>

<a href="./modeling/rigging.md"><Typography variant='body1' style={{marginBottom: 12}}>Rigging and skinning overview</Typography></a>
<a href="./characters/specifications.md#rigging"><Typography variant='body1' style={{marginBottom: 12}}>Avatar rig requirements</Typography></a>
<a href="./modeling/rig-a-simple-mesh.md"><Typography variant='body1' style={{marginBottom: 12}}>Rig basic meshes</Typography></a>
<a href="./characters/facial-animation/create-basic-heads.md#rigging"><Typography variant='body1' style={{marginBottom: 12}}>Rig facial bones</Typography></a>
<a href="./characters/facial-animation/create-basic-heads.md#skin-face-bones"><Typography variant='body1' style={{marginBottom: 12}}>Skin facial bones</Typography></a>
<a href="./accessories/automatic-skinning-transfer.md"><Typography variant='body1' style={{marginBottom: 12}}>Auto skin transfer</Typography></a>

</Grid>
</Grid>

<Grid item container XSmall={12} Medium={6} Large={4} direction="row" style={{gap: 24, marginBottom: 12}}>
<Grid item container wrap="nowrap" direction="column" style={{gap: 8, flex: 1}}>

<Typography variant='h5'>Publish to Creator Store and Marketplace</Typography>

<a href="../production/creator-store.md"><Typography variant='body1' style={{marginBottom: 12}}>Creator Store overview</Typography></a>
<a href="../marketplace/index.md"><Typography variant='body1' style={{marginBottom: 12}}>Marketplace overview</Typography></a>
<a href="../marketplace/marketplace-policy.md"><Typography variant='body1' style={{marginBottom: 12}}>Marketplace policy</Typography></a>
<a href="../marketplace/publish-to-marketplace.md"><Typography variant='body1' style={{marginBottom: 12}}>Publish avatar items to Marketplace</Typography></a>
<a href="../marketplace/marketplace-fees-and-commissions.md"><Typography variant='body1' style={{marginBottom: 12}}>Marketplace fees and commissions</Typography></a>

</Grid>
</Grid>
</Grid>