Getting started
Create an account
To begin, visit our registration page (opens in a new tab) and create an account via Google SSO or email. If you choose email, you will receive a magic link. Click on the link in the email to log in.
The dashboard might look empty at the start. Follow the steps below👇 to get your first components in the dashboard.
Connect the Widget
After creating your account, you can connect the Widget to your project.
Via the Resources option in Figma:
- Click on Resources in the top left toolbar.
- Select Widget from the tab bar menu.
- Search for Compfeed.
- Drag Compfeed into your artboard.
Via the Figma Community page:
- Go to the Figma Community page (opens in a new tab).
- Click on
Open in... - Select a recent file or a new file.
Once you have added the Widget, follow these steps to connect it to the dashboard:
- Select the Widget.
- Click on the cogwheel in the tools menu.
- Copy the link of your Figma project (select any object and hit
COMMAND+LorCTRL+Lto copy the link). - Paste the link in the plugin window of the Compfeed widget and hit Enter.
- Click on
Allow Access. - In your browser, connect with the current account or select another account.
- Click on
Allow Access(Figma SSO window). - Figma is now connected. Go back to the Widget.
- Check off any checkmark and refresh the Widget.
Dashboard
Once you activate the Widget and register the first check, the component will be visible on the dashboard.
You can check off any items here, and the state will sync back to the Widget. However, the Widget will only update after a user interacts with it. Conversely, the checked state will sync instantly.
Create template
To create a new template, go to your dashboard's "Templates" section. Click on the "Onboarding" template to adjust it to your needs, or click "Create New Template" to start from scratch.
Other functions to explore
Additionally, you can change the team name, add team members, or ask others to invite them to their teams.
We have seen various ways to organize a design system in Figma. The Widget allows you to manage it according to your needs. The page is connected by default, but you can adjust the connection to a Frame, Section, Rectangle, etc. Learn more about the selection here.