Extend Matter
You can greatly extend Matter's functionality by seamlessly integrating it with:
GitHub — merge changes back to the repository.
Figma — build from your Figma mockups.
Slack— get notified when mentioned.
GitHub integration
Matter can be further integrated with your GitHub repository to provide a direct flow for handing off prototypes to developers.
You can create pull requests from your prototype, allowing developers to review, refine, and enhance the generated code before merging it into the original repository. Changes can be tracked throughout the workflow, giving visibility into updates and merges.
This approach streamlines collaboration and ensures a convenient and safe transition from generated changes to production code.
Set up GitHub integration
In the upper-right corner of your idea page, click Configure GitHub.
Alternatively, in the upper-right corner of your project page (where ideas are listed), click the gear icon, then choose:
You’ll be redirected to GitHub to authorize the Matter GitHub App.
Sign in to GitHub if prompted and select personal account or organization in which your repository is located.
When asked to grant access, you can choose either All repositories or Only selected repositories. If you choose the latter, make sure to select the repository that is mirrored in this Matter project.
Click Install and Authorize.
Once the app is successfully installed, you'll see an option Create pull request in the upper-right corner of your idea page in Matter.
Create a pull request
Make sure you are in the correct idea and have the correct version displayed.
Click Create pull request.
You'll see the pull request draft where you can edit the branch name, title and description.
Click Continue to GitHub. A pull request will be created, and you'll be redirected to it on GitHub.
After a pull request is created, its status (Draft, Open, Closed, Merged) will be reflected on your Matter idea page, in the upper-right corner.
Disconnect GitHub
From Matter:
In the upper-right corner of your project page (where ideas are listed), click the gear icon and choose Git
Under GiHub Integration, click Configure.
You'll be redirected to GitHub.
Select personal account or organization which you want to disconnect.
Scroll to the bottom of the Application setting screen and click Uninstall.
From GitHub:
Login to GitHub and navigate to .
On the tab Authorized GitHub Apps choose Matter by Jetbrains and click Configure.
Scroll to the bottom of the Application setting screen and click Uninstall.
Once the Matter App is uninstalled, and you won't be able to create pull requests from Matter.
Figma integration
Connect to Figma to generate prototypes based on your mockups.
Simply insert links to your Figma mockups into your prompts, and Matter will extract the required information to create the desired prototypes.
Use the Figma preview to quickly compare your Matter prototype with the provided design.
Connect to Figma
In your prompt input field, click the Figma icon.
Alternatively, click your user icon in the lower-left corner, then choose .
You’ll be redirected to Figma to authorize the Matter App.
Follow the authorization process and allow access to your Figma account.
When finished, you’ll be redirected back to Matter.
Tips on working with Figma
When adding a Figma mockup, provide a link to a single frame instead of the entire file or project.
For complex flows, share links in smaller steps, with fewer frames at a time.
Disconnect Figma
From Matter
In the lower-left corner, click your user icon, then choose .
Click Disconnect.
From Figma
Log in to your Figma account.
Navigate to Settings and open the Security tab.
In the Connected apps section, find %product by JetBrains.
Click Revoke access.
Slack integration
Receive Slack notifications when someone mentions you in Matter
In the lower-left corner, click your user icon, then choose .
You’ll be redirected to a Slack webpage.
If prompted, log in to your Slack workspace.
Click Allow to authorize the Matter App.