Help Center
Designer Beta Setup & Overview
1. Create a Designer Account
On your desktop/laptop, create a designer account at app.truetoform.fit, where you'll be able to see and manage avatars that have been shared with your organization.
Once signed in, you can use the “Send avatar request” button to invite yourself, or someone else to share their avatar with you from the TrueToForm scan app, or you can note down your Share Code (highlighted below) to use for direct sharing later within the scan app.
2. Download the iOS Scan App
Search for "TrueToForm" in the App Store or use this download link. NOTE: The iOS app is currently compatible with iOS devices that support Face ID.
Sign in to the TrueToForm scan app using your account info. Then, you can start generating an avatar by clicking on the email invite link (look for an email from hello@truetoform.fit) on your mobile device, or directly tapping the '+ Avatar' button within the scan app.
*You’ll need to wear tight-fitting clothing for an accurate scan!
3. Create a new avatar
The scan app will guide you through the scanning process to generate your avatar. before submitting your avatar, you can choose to share it directly to your dashboard, or input your noted Share Code from earlier. You can also share your avatar later by going to your ‘My Avatars’ page and selecting the avatar you want to share.
Processing time:
- If the scan was done properly, your avatar will take approximately 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 a prompt to take new scans.
4. View the Avatar on Your Online Dashboard
Once you've shared your avatar from the scan app, sign back into your online dashboard. After your scans have been successfully processed, you’ll see a notification badge for a new avatar in your Pending Avatars tab.
In your Pending Avatars page, click on the avatar to preview it. Make sure it 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.
.gif)
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. 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.*
Want to edit your avatar’s 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 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 Integration
To get set up, contact us at hello@truetoform.fit to obtain your unique API Key. You will need to provide us with your Share Code and the domain of your website.
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>// <![CDATA[
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;"
name="TTF" id="TTF-widget"></iframe>
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 lines 16-18 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.
Add 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.
