Importing from Figma

Easily import your design layouts from Figma into Slickplan’s Design Mockups to share your work, centralize team and customer collaboration, and streamline website planning.

To import with direct sync:

1. Go to the Designs section in your site planning project’s navigation bar.

   

2. Click the Upload mockups button in the upper right corner.

   

3. Choose Direct Sync (Select Figma files) from the menu to link your Figma account with Slickplan.

   

4. Click Connect account.

   

5. Grant permission by clicking Allow access in the pop-up window.

   

6. Enter your Figma Team ID in the designated field, then click Submit Figma Team ID to complete the connection.

   

7. Select your desired Figma project and design file for import using Direct Sync.

   

8. Click the Submit Figma file button once you choose.

   

9. To assign imported designs to specific pages in your sitemap, check the box next to each desired file name.

   

10. Select a page from the drop-down menu under the thumbnail to assign the design.

    

11. Click Apply changes on the bottom bar.

    

12. Then, click Save & add mockups to finish.

    

    Your chosen Figma designs are now linked to the assigned sitemap pages.

    

To import manually:

1. Choose Skip this under the Direct sync connection method.

   

2. Paste the Figma file URL in the pop-up window, and click Add.

   

3. Repeat for more files, then click Add files to start importing.

   

4. To assign designs to sitemap pages, please refer to steps 9-12 in the instructions provided above.