Help Center
Navigating the Measurement Dashboard
Sign Up and Add a Plan
On your desktop/laptop, create or log into your dashboard account at app.truetoform.fit. This is where you'll be able to see and manage avatars that have been shared with your account.
Once logged in, you will get access to 5 free avatars with basic measurements including bust, waist, hips, and inseam. This means that you can approve up to 5 scans that have been shared to your dashboard (approve them on your Pending Avatars page). Avatars that are shared with your account, but that are not approved by you, will not count toward your usage.
Adding a paid plan will allow you to approve more avatars, view 40+ measurements for each avatar, and export measurement and .obj files. When you are ready to add a paid plan, you can do so from your Account Page of your dashboard (click profile icon on top right), or from the measurements viewer for an avatar that has been shared with you.
Send Avatar Request
To send an avatar request to your client, click on the ‘Send Avatar Request’ button in your dashboard menu. Fill out your client’s name and email before submitting your request. Your client will receive an email (view sample email PDF) with your dashboard’s share code and instructions on how to scan and submit his or her avatar via TrueToForm’s mobile scan app. Your avatar request will appear on your ‘Sent Requests’ Page on your dashboard.
Preview & Accept Avatar
Once your client submits his or her avatar, it will appear in your ‘Pending Avatars’ Page. Click the ‘Preview’ button to view the avatar. Make sure the avatar information and avatar looks correct. No odd proportions, wrong gender selection, or height. If you approve the avatar, its measurement data will become available to you on the 'Avatars' page.
Overview of the Pro Plan
You can upgrade your plan in two places. The first option is to click on the profile icon in the upper right of your dashboard. Navigate to your ‘Account’ Page and click to upgrade in the plan section. Select the ‘Choose Pro’ button to upgrade.
You can also upgrade your plan if you are on the ‘View Avatar’ Page. View the measurements panel on the right side and navigate to the 'Full Measurement’ row. Click on the ‘Start Plan to View’ link. From here, select the ‘Choose Pro’ button to upgrade your plan.
Using the TrueToForm Mobile App
How to Scan
Download the TrueToForm mobile app from the App Store. Note that our app is currently compatible with iOS devices that support Face ID. You can log into your account if you’d like to save your avatar, or proceed as a guest. Click “+ New Avatar” to start the scanning process.
The scan app will direct you through two rotational scans to generate your 3D avatar. The first scan is taken of the torso at close proximity, with your phone placed at hip level. The second scan is taken of your full body, further away from the camera, with the phone placed on the floor.
For each scan, you will rotate in place in front of the front-facing camera once, over the course of ten seconds, with your arms up either in T-pose (torso scan) or cactus pose (full body scan).
If the scan was done properly, your avatar will take up to 10 minutes to process and will then be automatically available to view on your device. If something went wrong with the scan (loose clothing was worn, the user failed to complete the entire 360 degree rotation, etc.), a push notification will be sent to let you know what went wrong and prompt you to take a new scan.
Adding Avatar Info for a New Scan
After both scans are completed, scroll down to the “Avatar info” section on the New Avatar page in the mobile app. If you are logged in, use the toggle to indicate whether this is a scan of yourself. If so, you can edit and save your presets for gender, height, age, and weight. Make sure to save your changes after editing.
If you are scanning someone else, switch the toggle off and add the appropriate inputs for gender, height, age, and weight for the person you are scanning.
You can also edit your presets by going to your settings. Click on the edit button on the “Avatar Generation Presets" row. Make the necessary edits to your presets. Remember to save your changes after making any edits to your presets.
Sharing Avatar to Your Dashboard
Scroll down to the final section of the New Avatar page in the mobile app titled “Share”. If you’d like to view your measurements on your own dashboard, select “Send to my dashboard”. Selecting this option will make your avatar available on your measurement dashboard, which you can access at app.truetoform.fit by logging in with your TrueToForm credentials (the same credentials you used for the mobile app). Make sure to use a desktop or laptop when using your measurement dashboard for the best viewing experience.
Sharing Avatar With Share Code
If you would like to share your measurements with another user, select “Share” and enter the user’s 6-digit share code (on the New Avatar page in the mobile app). You will need to get the 6-digit share code from the user directly, who will need their own TrueToForm account. The user can find their 6-digit share code in the top left corner of their measurement dashboard at app.truetoform.fit, or in the Settings menu of their mobile app when they are logged in. The user has the option to share their 6-digit code directly with you via email by clicking the ‘Send Avatar Request’ button.
Sharing Avatar After Creation
You can also select “Don’t share right now” (on the New Avatar page in the mobile app). You will have the option to share the avatar from the mobile app after it has been created.
If you’ve already created an avatar and would like to share it, select the avatar in your mobile app and click “Share”. Click “Send to my dashboard” if you’d like to view it in your own measurement dashboard, or enter the 6-digit share code of the user you’d like to share it with.
Tips for Taking a Successful TrueToForm Scan
Stand in a Clear, Well-lit Area
Clear the area directly in front of your device as well as the area behind you. Anything between you and your camera, or large amounts of background clutter may prevent accurate scan tracking.
Rotate in Place and Take Small Steps
Take small steps to ensure that you stay in one spot while rotating.
Look Straight Ahead During the Scan
Make sure to look straight ahead during the scan. Don’t bend over to the side or look back toward the camera while rotating.
Wear Tight-Fitting Clothing
Loose-fitting clothes will shift or bunch up during the scanning process and may impede scan capture and prevent successful processing. Make sure to wear tight-fitting clothes that don't deform the natural shape of your body.
Tie Long Hair Up
Make sure to tie any long hair up above the nape of your neck before scanning.
Use a Compatible Device
The TrueToForm app is currently available on iOS devices that support Face ID. Available on the iPhone X, XR, XS, XS Max, 11, 11 Pro, 11 Pro Max, 12, 12 mini, 12 Pro, 12 Pro Max, 13, 13 mini, 13 Pro, 13 Pro Max, 14, 14 Plus, 14 Pro, 14 Pro Max, 15, 15 Pro. Also available on the iPad Pro 11-inch (1st, 2nd, 3rd, and 4th gen), 12.9-inch (3rd, 4th, 5th, and 6th gen).
Use the Most Up-To-Date Version of the App
Unsure if you’re using the most up-to-date version of our app? Check to see if you have a pending app update here.
Importing TrueToForm Avatars into CLO
Convert your TrueToForm avatar into a rigged, size-editable, and/or skinned CLO avatar by following the steps below.
Import TrueToForm Avatar
Go to File → Import (Add) → OBJ. Choose the TTF avatar .obj file. Click “Reset” to return to default import settings and then set the Scale and Unit settings to meters (m).
Re-Center Avatar
Right click on the avatar. Click Move Avatar → To Ground. Then click Move Avatar → To Center.
Export Avatar
Export this avatar as an .obj file and click “Reset” to return to default export settings. Make sure that the File setting is set at “Save with Absolute Texture Image File Path” before exporting.
Autoconvert the New .obj File
- Delete the avatar from CLO. Then click Avatar → Auto convert to Avatar, and choose the new .obj file.
- Make sure to choose the gender of the avatar, keep the converting option to Automatic, check the output boxes you’d like, and choose a destination for this new .avt file.
- Click Convert. When conversion is complete, you will see an avatar for each output you’ve selected.*
How to Edit Measurements of a Size-Editable Avatar
Click on the Settings gear on the top right corner of the "Avatar Editor" and select the measurements you'd like to edit.
How to Edit Avatar Measurements While Also Adding a CLO Skin
First, autoconvert your .obj file to a “Size Editable” .avt file following the steps above. Use the “Avatar Editor” to change the measurements of your avatar as you’d like. Then, export the updated avatar as an FBX file, and autoconvert the new FBX avatar into a “CLO Skin Style” .avt file.
*Some rigging points may be slightly off. Check out the “Automatic Rigging & Converter (ver 6.0)” article on the CLO 3D website for more info on rigging points more accurately.
Importing TrueToForm Avatars into Browzwear
You will NOT be able to adjust an imported avatar in VStitcher. Measurements, poses and skin tone should be edited in the third-party software the avatar is created in.
Auto-Rig Your Avatar with Mixamo
A great, free resource for auto-rigging your scanned avatar for use in Browzwear is Adobe platform ‘Mixamo’.
Export your avatar from the TTF dashboard as an OBJ file and head to Mixamo.
Click ‘Upload a character’ and select the file from your computer. Once the upload is complete, follow the instructions and place markers on the points of the avatar as indicated.
When ready, click ‘Next’ and the auto-rigging process will begin. When you are happy with the results, Click ‘Next’ again to download.
Importing Your Rigged Avatar Into Browzwear
Open up your Browzwear window and import your FXB file downloaded from Mixamo. Your avatar will appear on the screen with a series of floating anchor points.
Each point needs to be anchored to the correct joint/point on the Avatar as indicated on the ‘Edit Avatar’ menu.
Working from the top down, click each red point and then hold ‘control’ while clicking on the corresponding point on the body. The dot will turn green once placed.
Once complete, you will be able to adjust the pose using the gizmo tool.
Using TrueToForm with Vetigraph
Using TrueToForm with Vetigraph 3D Solutions
Open the TrueToForm app, create your avatar in the "Avatar Info" section, and start the scanning process by following on-screen instructions.
Allow about 10 minutes for avatar creation, then share it to the TrueToForm dashboard to view and explore measurements.
Use the dashboard's QR code for further scanning purposes.
You can import TrueToForm avatars as an OBJ file and assemble garments directly on your avatar in Vetigraph’s expert 3D solution.
For more information on how to use the TrueToForm app, click here.
Using TrueToForm for Vetigraph Made-To-Measure
Open Vetigraph and create a Column in the size table for each measurement needed.
Input your Grading rule in the size table.
Add the ideal body measurements for your base size.
Start to grade your style with the Formulas.
Use the TrueToForm measurement dashboard to easily pull the measurements you need for Vetigraph. For your convenience, you can also export the measurements as a .csv file to make importing them simpler.
Enter the avatar measurements into the MTM row of the Vetigraph size table.
The Made to Measure pattern is finished; you can check your measurements by selecting the pattern components to check the composite measurement for multiple pieces.
The ease from your base pattern will automatically follow the Made To Measure pattern. Deselect the graded sizes to view your made to measure pattern. Watch the full tutorial here,
Using TrueToForm Measurements In GRAFIS
Bring custom measurements into GRAFIS to streamline made-to-measure production.
Open GRAFIS and select your measurement system.
Go to Extras in the top menu bar and click “Edit Measurement Charts.”
Select "New."
Select "single individual measurement chart."
Type in measurement values from your TrueToForm avatar in the Individual column (automated import coming soon!).
Click the "BestFit Settings" gear icon on the right to select the measurements you want to determine the closest standard size. The values highlighted in green are the ones currently used by BestFit for standard size matching.
In addition to selecting which measurements you want to use for BestFit size match, you can also select which size ranges you want to include in the search.
Scan Data and Privacy
TrueToForm does not collect or store photographs or videos of scanned users. Instead, this application collects silhouette and depth sensor data in order to scan your body and generate a 3D body model. See below for the type of volumetric body data we collect in order to generate your Avatar:
Every user maintains full control over who they choose to share their Avatar with. Only those that you've chosen to share your Avatar with will have access to your Avatar and its associated body measurements. The Avatar output that is shared and viewed is a fully anonymized 3D body model that does not capture facial features. See below for an example of the Avatar format that would be viewable to an account once shared:
Avatar OBJ sample | Measurements CSV sample
All data is encrypted for secure transfer and storage.
We take your privacy very seriously. For more details regarding how we protect your information, see our Privacy Policy.
E-Commerce Widget and API
For Ready to Wear
We provide white-glove onboarding for our ready-to-wear partners looking to embed our fit prediction widget onto their product pages.
The process is simple - share your garment specifications with us, and we'll customize our fit prediction algorithms to your brand's specific sizing data. Your customers will receive accurate size and fit recommendations while shopping on your site, on-demand.
Book a demo with us to get started.
For Made to Measure
For brands looking to collect measurements from their customers remotely, adding our measurement widget to your site is simple, and will take less than 5 minutes!
First, make sure you have created a TrueToForm account. You will need to provide us with the Share Code associated with your account and the domain of your website so that we can whitelist the use of the widget on your site. Email us at hello@truetoform.fit with this information to obtain your unique API Key.
Next, copy this snippet of code and fill in your own API Key and Share Code. Make sure to keep the quotations around each value in the code. This will be the code that will load our widget into your website page.
<script>
window.addEventListener("message", (event) => {
if (event.origin === "https://widget.truetoform.fit") {
if(event.data.type === "HANDSHAKE_REQUEST") {
event.source.postMessage({
type: "HANDSHAKE",
payload: {
apiKey: "<YOUR_API_KEY>",
clientId: "<YOUR_SHARE_CODE>",
},
}, event.origin);
}
}
});
</script>
<iframe src="https://widget.truetoform.fit" style="border: none; position: relative; width: 304px; height: 80px; margin: -15px 0;" name="TTF" id="TTF-widget"></iframe>Check out our Demo Store
You can embed the measurement widget anywhere you'd like on your site, such as on your product pages, or on a "Custom Orders" landing page where you can direct your customers before or after completing a purchase.
Check out our Shopify Demo Store (password: truetoform.demo) to see an example with some sample website copy.
Adding the Widget to a Shopify Page
Note: If you use another website builder (Wordpress, WooCommerce, Wix, etc.), the steps for integration are very similar! If you have any questions, reach out to us at hello@truetoform.fit so we can help.
To add our widget to a page on your store, from the Shopify admin console:
Click on “Online Store” on the left hand menu.
Navigate to “Pages” and pick the page you want to add the widget to.
In the box that has the contents of your page, click on the button on the top right to show HTML. The button looks like this: <>.
Copy the snippet of code above (with your API Key and Share Code filled in) into the HTML block. If you already have a section with <script> at the beginning and </script> at the end, paste the contents of lines 2-14 at the end of this section, right before </script>. If you do not already have <script></script>, paste lines 1-15 at the very beginning of the contents.
Paste line 16 where you want the button to show up in your content.
Click the <> button again to switch back to HTML mode. Now the widget should appear in the preview like this:
You can change the horizontal alignment of the button if you want by highlighting the entire button and using the Alignment button at the top to shift its alignment.
Adding the Widget to a Product Description
To add our widget to the description of a specific product, again start from the Shopify admin console:
Click on “Products” on the left hand menu near the top.
Click on the product you want to add the widget to.
Steps 3-6 are the same as above for adding the widget to a page.
Adding the Widget to a Shopify Theme
If you would like to add the measurement widget to many products at once, follow the instructions below to modify your Shopify theme:
Go to admin.shopify.com and go to Sales channels -> Online Store -> Themes -> Customize (next to the theme listed)
Click on the “Home page” dropdown located at the top center of your screen and go to Products -> Create template. Create a template “Based on” your default product template (this will copy everything over from your default product template page).
Click Add Block -> Custom Liquid wherever you would like the “Send Measurements” widget to be placed on your site.
Copy and paste the TrueToForm widget code into the “Custom liquid” section on the right sidebar and save the modified template.
Go to the product page for any products where you would like the measurement widget button to be displayed, and change the Theme template to the name of the new template you created in Step 2.
To add the measurement widget to all of your product pages instead of a few, change the “Default product” template instead, and the MTM widget button will show up on all pages where this template is applied. You can see how many products a template is currently applied to on the Products drop-down in the Online Store theme editor.
API Access
The TrueToForm API may be used to programmatically access any of the following information for a scan that has been shared to your account:
1. Measurement values for a specified list of measurements
2. Download link to the avatar OBJ file
3. Demographic data associated with the scan
4. Date on which the scan was taken
Contact us at hello@truetoform.fit to gain access to our flexible API.
