How to Connect Salesforce and Figma: Step-by-Step Guide (2026)

In today's fast-paced business environment, efficient data flow and seamless collaboration are critical for staying competitive. For B2B organizations, connecting core business systems like Salesforce with creative platforms like Figma can transform workflows, reduce manual effort, and ensure teams are always working with the most current information. This guide provides a clear, step-by-step process for integrating Salesforce and Figma, helping you prepare your operations for 2026 and beyond.

Salesforce, as the world's leading customer relationship management (CRM) platform, holds vital customer data, sales pipelines, and service interactions. Figma, on the other hand, is a collaborative design platform where product teams, marketers, and creatives bring ideas to life, from wireframes to high-fidelity prototypes and marketing assets. The disconnect between these two platforms often leads to manual data transfers, outdated information, and communication gaps between sales, marketing, and design teams.

By connecting Salesforce and Figma, you can ensure that design teams have immediate access to relevant customer context (e.g., new client details, specific product requests, brand guidelines), and that sales or marketing teams are informed about design progress or asset availability without leaving their primary CRM. This integration streamlines operations, fosters informed decision-making, and ultimately contributes to a more cohesive and productive organizational structure.

What You Need to Connect Salesforce and Figma

Before you begin building your integration, gather the following:

• Salesforce Account: Ensure you have administrative access or permissions to create connected apps and access API credentials. You will need your Salesforce instance URL and security token (or connected app keys).
• Figma Account: You will need a Figma account with sufficient permissions to create projects, files, and generate personal access tokens for API access.
• An Integration Platform: A no-code/low-code integration platform like Make.com is essential for orchestrating the data flow between Salesforce and Figma without writing custom code. This platform will act as the bridge, enabling automated workflows.
• Defined Workflow: A clear understanding of what specific event in Salesforce should trigger an action in Figma, and what data needs to be transferred.
• Basic API Understanding: Familiarity with how APIs function will be beneficial, though not strictly required when using a visual integration builder.

Step-by-Step Guide to Connecting Salesforce and Figma

This guide outlines a common scenario: Automatically creating a new design project in Figma when a new Contact is created in Salesforce, ensuring your design team is immediately aware of new client onboarding or specific design requests linked to new customers.

1. Prepare Your Salesforce and Figma Accounts

   For Salesforce:

   • Confirm your API access is enabled. For most Professional, Enterprise, Unlimited, and Developer editions, API access is standard.
   • If you plan to use custom objects or fields, ensure they are set up as needed.
   • Note down your Salesforce login credentials and be ready to generate a security token if connecting directly, or set up a Connected App for more robust API access (recommended for ongoing integrations).
   For Figma:
   • Log in to your Figma account.
   • Generate a personal access token. Go to your settings (from the main menu, click your avatar and select 'Settings'), scroll down to 'Personal access tokens', and create a new token. Copy this token immediately as it won't be shown again. This token grants API access to your Figma account.

2. Sign Up or Log In to Your Integration Platform (Make.com)

   Navigate to Make.com and either create a new account or log in. Make.com provides a visual interface to build and manage your integrations.

3. Create a New Scenario

   Once logged in, click "Create a new scenario." This is where you will define your automated workflow. You'll start with a trigger module and then add action modules.

4. Configure the Salesforce Trigger Module

   1. Search for and select the "Salesforce" app.
   2. Choose a trigger module. For our scenario, "Watch Records" is suitable. This module will listen for new or updated records in Salesforce.
   3. Connect your Salesforce account. You will be prompted to enter your Salesforce credentials and grant Make.com access. Ensure you grant the necessary permissions.
   4. Select the "Object" you want to watch. In this case, select "Contact."
   5. Define the criteria for the trigger. For instance, you might filter for new Contacts created within a specific period or matching certain criteria relevant to initiating a design project.
   6. Specify the maximum number of records to process at once and when to start watching (e.g., from now on).

5. Add and Configure the Figma Action Module

   1. Click the plus icon to add another module. Search for and select the "Figma" app.
   2. Choose an action module. For initiating a design project, "Create a Project" is an appropriate choice.
   3. Connect your Figma account. You will need to enter the personal access token you generated in Step 1.
   4. Map the data from Salesforce to Figma. For example:
      • Project Name: Use dynamic data from the Salesforce Contact module, such as "New Design Project for {{1.FirstName}} {{1.LastName}}" (where 1 refers to the Salesforce module and the variables are from the Contact fields).
      • Description: Include relevant details like the Contact's company, email, or a link back to their Salesforce record.
      • You might also set a team ID if you have specific teams within Figma.

6. Test Your Scenario

   Before activating, run the scenario once manually or use the "Run once" option in Make.com. Create a new Contact in Salesforce that matches your trigger criteria. Observe if a new project is created in Figma with the correct details. Review the execution history in Make.com for any errors.

7. Activate and Schedule Your Scenario

   Once tested and confirmed to be working correctly, turn your scenario "ON." Configure the scheduling settings (e.g., run every 15 minutes, hourly, or instantly via webhooks if supported by your Salesforce setup). Your Salesforce-Figma integration is now live.

Popular Use Cases for Salesforce-Figma Integration

Beyond the basic project initiation, connecting Salesforce and Figma enables several practical applications:

• Automated Design Requests: When a specific product request or an opportunity in Salesforce reaches a certain stage, automatically create a design brief or task in Figma for the creative team.
• Centralized Customer Feedback: Sync customer feedback captured in Salesforce cases or surveys directly into Figma design files or project notes, providing designers with real-time, actionable insights for iterations.
• Streamlined Asset Updates: If product specifications or brand guidelines are updated in Salesforce (e.g., in a custom object), trigger a notification or task in Figma for designers to review and update related marketing collateral or UI components.
• Sales Collateral Management: Notify sales teams in Salesforce when new marketing assets or updated product mockups are finalized in Figma, ensuring they always use the latest materials.

Estimated Time Savings and Business Impact

Integrating Salesforce and Figma can significantly reduce the manual effort involved in cross-functional communication and data synchronization. Consider the typical time spent:

• Manually creating design requests: 10-15 minutes per request.
• Copy-pasting customer details for design context: 5-10 minutes per instance.
• Email exchanges and status updates between teams: 2-5 minutes per exchange.

For a team handling 50 new client onboarding processes or design requests per month, this automation could save approximately 10-15 hours of manual work monthly. This time can be redirected towards strategic tasks, leading to faster project initiation, improved design quality due to better context, and ultimately, quicker time-to-market for products and campaigns. The reduction in errors from manual data entry also contributes to higher data integrity and team efficiency.

Frequently Asked Questions (FAQ)

What kind of data can I sync between Salesforce and Figma?

You can sync various types of data, including customer contact details, company information, opportunity stages, case details, custom object data (like product requests or project briefs) from Salesforce. From Figma, you can push notifications about new projects, file updates, or design asset readiness to Salesforce, enriching your CRM data with design workflow status.

Do I need coding skills to connect Salesforce and Figma?

No, advanced coding skills are not required. Using an integration platform like Make.com allows you to build these automations with a visual drag-and-drop interface. You will primarily configure modules, connect accounts, and map data fields, making the process accessible to business users and administrators without a development background.

Is this integration secure?

Yes, integration platforms like Make.com prioritize security. Connections to Salesforce and Figma are typically established using industry-standard authentication methods such as OAuth 2.0 or personal access tokens, ensuring secure access to your accounts. Data is transferred over encrypted connections, and reputable platforms adhere to strict data privacy and security protocols to protect your sensitive information.

Written by Vangari Sai Sampath, Automation Specialist · Integration Directory · Hyderabad, India