'%3E%3Crect x='-4.10352' y='0.1875' width='171.875' height='171.875' rx='85.9375' fill='%230C5238'/%3E%3Crect x='82.5566' y='-9.2085' width='133.93' height='133.93' rx='22.7014' transform='rotate(45 82.5566 -9.2085)' fill='%23F79CFF'/%3E%3Crect x='144.375' y='23.677' width='123.75' height='123.75' rx='61.875' transform='rotate(90 144.375 23.677)' fill='%23FF6D38'/%3E%3Crect x='106.562' y='26.198' width='119.396' height='48.125' rx='24.0625' transform='rotate(90 106.562 26.198)' fill='%23252525'/%3E%3Crect x='106.562' y='62.8645' width='48.125' height='48.125' transform='rotate(90 106.562 62.8645)' fill='%2312A720'/%3E%3Cpath d='M106.553 86.927L99.5232 103.942L82.5526 110.99L65.5819 103.942L58.5524 86.927L65.5819 69.9122L82.5526 62.8645L99.5233 69.9122L106.553 86.927Z' fill='%23FFFF00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3971_7584'%3E%3Crect width='165' height='92.8125' fill='white' transform='translate(0 0.1875)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A)
Lens Studio and Figma
Snap’s Lens Studio is an AR-first developer platform enabling hobbyists to professional development teams to build rich AR experiences (Lenses), with zero setup time.
You can use Lens Studio for:
- Building AR experiences (Lenses) for Snapchat
- Your mobile and web applications (Camera Kit SDK)
- Spectacles
The Figma and Lens Studio integration allows you to import your Figma designs into ready-to-use Lens Studio AR projects. Imported elements maintain the same dimensions as designed in Figma, ensuring a dynamic and responsive integration.
Install the Figma Plugin in Lens Studio
1. In Lens Studio, go to the Asset Library and then choose the Plugin category.
2. Locate the Figma Importer Plugin and click on it to install.
3. Access the Figma Plugin panel by navigating to Window and then selecting Figma Importer.
Connect Figma and Lens Studio
- Click on the Authentication button to start the process.
- Follow the instructions to complete the authentication.
Import your Figma file
- Once authentication is complete, the plugin will switch to the post-authentication panel.
- In Figma, find the frame you want to import and right click on it.
- Select Copy/Paste as.
- Select Copy link to selection.
5. In Lens Studio, paste the Figma frame URL into the input box in the plugin.
6. Click the Import button to start importing it.
Disconnect your Figma account
If you want to change the Figma account associated with Lens Studio, or disconnect your account entirely, you can disconnect Lens Studio from your Figma account.
You can do this from your account settings in Figma:
- Login to your Figma account and open the file browser.
- Select on your name in the top-left corner and select the Settings tab.
- Scroll down to the Connected Apps section.
- Click Revoke access next to the Lens Studio integration.