# Sound Kit Help & FAQ — Sound for Figma Prototypes

> Help, guides and FAQs for the Sound Kit Figma plugin: adding your first sound, searching and previewing, AI generation, trimming and loudness, sound for Figma Motion, canvas audits, tokens, developer handoff, plans and privacy.

## Start here

- [What is Sound Kit?](https://systergon.com/sound-kit/help/what-is-sound-kit) — Sound Kit helps you find, make, and add sounds to your Figma designs, then hand them to developers. You browse a sound library, create or edit your own sounds, save them as reusable tokens, add them to your canvas, and review how they are used.
- [How do I get around the plugin?](https://systergon.com/sound-kit/help/get-around) — Use the tabs at the top to switch sections. Settings and Help live in the footer at the bottom.
- [What keyboard shortcuts can I use?](https://systergon.com/sound-kit/help/keyboard-shortcuts) — Cmd (or Ctrl) plus 1 to 6 jumps between tabs. The editor, the comparison tray, and the Tokens tab each add a few of their own.
- [Do I need a paid plan to add sound?](https://systergon.com/sound-kit/help/do-i-need-paid-plan) — Only for sound that actually plays. Browsing, previewing, and editing sounds are free on any plan. To get a node that plays in a prototype, Sound Kit turns the audio into a video — and Figma only lets you upload video on a paid plan.
- [Why does a playable sound come as a video?](https://systergon.com/sound-kit/help/why-video) — Figma can only play audio through a video. So when you want a sound that actually plays, Sound Kit turns the audio into a small video node for you. Attaching a sound to a layer is different — that just tags the layer and stays silent.

## Add your first sound

- [How do I add my first sound to a screen?](https://systergon.com/sound-kit/help/add-first-sound) — Pick a sound in Browse and click Add to Canvas. To get a sound you can actually hear in Present, choose Create a new video node.
- [How do I attach a sound to a button or component?](https://systergon.com/sound-kit/help/attach-to-button) — Select the layer in Figma first, then use Add to Canvas in the Browse tab to attach a sound to it.
- [How do I change or remove a sound on a video node?](https://systergon.com/sound-kit/help/change-remove-sound) — Replace Sound and Remove Sound live in the Canvas tab. They work on a scanned video node, so first scan the canvas, then select the node and use the actions in the details sidebar on the right.
- [How do I hear my sounds in a prototype?](https://systergon.com/sound-kit/help/hear-in-prototype) — You can only hear a sound that lives on a video node. Make a playable node, then click Present on desktop.

## Find & preview sounds

- [Where do I find sounds to use?](https://systergon.com/sound-kit/help/where-find-sounds) — The Browse tab has a built-in library plus sources like BBC, Freesound, and your own uploads.
- [How do I search for the right sound?](https://systergon.com/sound-kit/help/search-sounds) — Type in the search box, or filter by category and intent like success or error.
- [How do I change the way sounds are listed?](https://systergon.com/sound-kit/help/browse-view-modes) — The Browse toolbar switches between list and grid, and the Sort & Filter menu narrows the list by category, format, brightness, and sort order.
- [How do I preview a sound before using it?](https://systergon.com/sound-kit/help/preview-sound) — Click a sound to play it. Use the player at the bottom to replay, seek, or loop.
- [How do I compare a few sounds side by side?](https://systergon.com/sound-kit/help/compare-sounds) — Turn on comparison mode in Browse, tick up to four sounds, then flip between them with keys 1 to 4.
- [How do I find sounds similar to one I like?](https://systergon.com/sound-kit/help/find-similar-sounds) — Each row in the Browse list has a Find similar sounds action. It ranks the sounds Browse has loaded by how close they actually sound to the one you picked.
- [How do I check whether a set of sounds belongs together?](https://systergon.com/sound-kit/help/family-fit-browse) — Put your candidates in the comparison tray, then run the family fit check. It names the one that drifts, says what it drifts on, and by how much.
- [Why does Sound Kit suggest certain sounds?](https://systergon.com/sound-kit/help/suggested-sounds) — Suggestions are read from the name of the layer you have selected in Figma. A layer called "Delete button" gets destructive sounds, "Success toast" gets confirmations.
- [How do I save sounds to a mood board?](https://systergon.com/sound-kit/help/mood-board) — The Mood Board lives in the Browse tab. Create a group, then add candidate sounds to it so you can shortlist and compare a direction.
- [How do I connect Freesound or my own sound library?](https://systergon.com/sound-kit/help/connect-sound-libraries) — Open Settings, then Sound Libraries. Freesound needs an API key, a Custom CDN needs a URL, and libraries like BBC and Mixkit need no setup at all.

## Make your own sounds

- [How do I set up AI sound generation?](https://systergon.com/sound-kit/help/setup-ai-keys) — Add your own AI provider key in Settings, AI Providers, then test it.
- [How do I create a sound with AI?](https://systergon.com/sound-kit/help/generate-ai-sound) — In Create, on the AI Generate tab, pick a provider, type a prompt, set the length, and click Generate Sound. Then save the result to your library.
- [How do I generate several takes of one AI sound?](https://systergon.com/sound-kit/help/ai-variations) — After a generation, open Variation set, choose how many takes you want, and generate them as one batch. You see the cost of the whole set before anything is charged.
- [How do I check if we already have a sound like this?](https://systergon.com/sound-kit/help/ai-check-library) — After a generation, open "Do we already have this?" It ranks your library against the new sound so you can reuse something instead of spending another credit.
- [How do I make an AI sound fit the rest of my sounds?](https://systergon.com/sound-kit/help/ai-match-reference) — Use "Match to a reference" to balance a generation against a sound you already trust, and "Family fit" to check it sits inside a set you name.
- [Where do my AI generations go?](https://systergon.com/sound-kit/help/ai-history) — Recent generations stay in the session history inside the AI Generate panel. From there you can replay one, regenerate its prompt, or save it to your library.
- [How do I upload my own sound files?](https://systergon.com/sound-kit/help/upload-own-sound) — Open Create, pick Upload, and drag in your audio files. The upload window keeps each file under its own filename, so all you set is one shared Category and Tags.
- [What does Sound Kit check when I upload a sound?](https://systergon.com/sound-kit/help/import-checks) — The upload window can trim leading silence, normalize, and repair clicks, and it warns you about near-duplicates and sounds loud enough to startle. Every change is off until you turn it on.
- [Where do my uploaded sounds live?](https://systergon.com/sound-kit/help/my-sounds) — In Browse, on the My Sounds tab. Everything you have uploaded is listed there — play it, edit it, add it to the canvas, or add more with Add Sound.
- [How do I turn a shape or colour into a sound?](https://systergon.com/sound-kit/help/sonify-selection) — Select something on the Figma canvas, then use Sonify Selection in the Canvas tab. Sound Kit reads its colours, gradient, and shape and synthesizes a sound from them.

## Edit & polish

- [How do I trim or edit a sound?](https://systergon.com/sound-kit/help/trim-edit-sound) — Open a sound in the Edit tab, then select, trim, and undo as needed.
- [How do I make a sound louder or quieter?](https://systergon.com/sound-kit/help/change-volume) — Use the loudness controls to match a target level, or adjust the volume in the editor.
- [How do I make all my sounds the same loudness?](https://systergon.com/sound-kit/help/loudness-target) — Pick a Loudness Target in the editor — iOS Tap, Web UI, Modal Alert, Ambient, or your own number — and normalize the sound to it. Do that for every sound and the set stays even.
- [How do I add effects like echo or reverb?](https://systergon.com/sound-kit/help/add-effects) — In the editor, add effects to the chain, like reverb, delay, or EQ.
- [How do I compare my edit against the original?](https://systergon.com/sound-kit/help/ab-compare) — The editor keeps the untouched sound as A and your edited version as B. Press A or B to flip between them, with the levels matched so the comparison is fair.
- [How do I see what a sound is made of?](https://systergon.com/sound-kit/help/spectrum-view) — The editor toolbar switches the display between Waveform, Spectrogram, and Spectrum — loudness over time, frequencies over time, and the overall tonal balance.
- [How do I check a sound is not startling or harsh?](https://systergon.com/sound-kit/help/accessibility-check) — The Accessibility section in the editor analyses the loaded sound and flags anything likely to startle, clip, or grate — and offers a one-click fix for each.
- [How do I set how a sound behaves?](https://systergon.com/sound-kit/help/sound-behavior) — Use the interaction panel to add a haptic, a trigger, looping, and more.
- [How do I reuse the same interaction settings?](https://systergon.com/sound-kit/help/interaction-templates) — Apply an interaction template in the editor to stamp a whole set of behaviour defaults at once — or save your current settings as a template of your own.
- [How do I make hover, pressed, and disabled versions of a sound?](https://systergon.com/sound-kit/help/state-variations) — Use State Variations in the editor. It generates related takes from your sound, and you can save the whole set as one token with the variants inside it.
- [How do I layer several sounds into one?](https://systergon.com/sound-kit/help/mix-sounds) — Use the Mix tab in Create. Add up to four tracks, slide each one to where it should start, balance them, then export the result as a single sound.
- [How do I add effects to one track in a mix?](https://systergon.com/sound-kit/help/mix-track-effects) — Each track in the Mix has its own effects button. It opens a small chain with gain, EQ, filter, and compressor that applies to that track only.
- [How do I swap one layer of a mix for a similar sound?](https://systergon.com/sound-kit/help/mix-swap-track) — Use the swap button on a track. It ranks library sounds against what that track currently sounds like and replaces it in one click, keeping its timing and settings.
- [How do I tell whether my processing actually helped?](https://systergon.com/sound-kit/help/mix-ab-compare) — Use the A/B button on a track. It plays the original against the processed version at matched loudness, so you judge the tone instead of whichever one is louder.

## Sound for Motion

- [What does the Motion tab do?](https://systergon.com/sound-kit/help/motion-overview) — It is the sound layer for your Figma Motion animations. Select an animated layer and the Motion tab shows its real timing and easing, suggests sounds, and exports a handoff that names the exact animation.
- [How do I add sound to a Figma Motion animation?](https://systergon.com/sound-kit/help/motion-add-sound) — Select the animated layer, open the Motion tab, preview a suggested sound against the animation, then open it in the editor to save it.
- [How do I match a sound to my animation’s timing?](https://systergon.com/sound-kit/help/sync-to-animation) — Use Animation Sync in the editor. It matches a sound to an animation three ways: it stretches the sound to the animation’s length, shapes its envelope to follow the animation’s curve, and moves its attack onto the moment the animation peaks.
- [How do I find animations that have no sound?](https://systergon.com/sound-kit/help/motion-audit) — The Motion tab includes a page-wide audit. It lists the animated layers on the page and shows which of them still have no sound attached.
- [How do I use a Motion JSON export?](https://systergon.com/sound-kit/help/motion-json) — Copy the animation as JSON from Figma’s Dev Mode, then paste it into the Motion tab’s inspector — or into the editor, to turn its keyframes into sound events.

## Scale across your project

- [How do I preview a whole flow with sound?](https://systergon.com/sound-kit/help/preview-flow) — Build a flow in the Canvas, Flows view and play the steps in order.
- [How do I see my sounds as a map?](https://systergon.com/sound-kit/help/canvas-graph-view) — The Canvas tab has three views: a graph that lays your nodes out visually, the list, and Flows. Switch between them with the buttons at the top right.
- [How do I check my sounds are consistent?](https://systergon.com/sound-kit/help/check-sounds) — Open the Consistency Report in the Canvas tab. It flags screens that use different sounds for the same role and volume that drifts from one screen to the next, then offers a one-click fix for each.
- [How do I fix an odd-sounding sound without replacing it?](https://systergon.com/sound-kit/help/match-tone) — Use Match tone from the Consistency Report. It keeps the sound you chose but balances its tone and loudness toward the one the rest of that group uses.
- [How do I run a full audit of my sounds?](https://systergon.com/sound-kit/help/audit-report) — Open the Full Audit Report from the Canvas toolbar. It checks consistency, accessibility, platform, and loudness across everything you scanned, and exports as Markdown or JSON.
- [What do the badges on a canvas node mean?](https://systergon.com/sound-kit/help/canvas-badges) — They are quick warnings about the sound attached to that node — it peaks too hot, it drifts from its family in loudness, length, or brightness, or it has no haptic paired with it.
- [How do I quickly change the sound on a node?](https://systergon.com/sound-kit/help/quick-swap) — Select the node in the Canvas tab and open Quick swap in the details sidebar. It offers sounds that match what the layer’s name says it does, and swaps in one click.
- [How do I work with lots of nodes at once?](https://systergon.com/sound-kit/help/batch-canvas-actions) — The bar at the bottom of the Canvas tab selects everything you can see, exports a manifest of it, and can strip the sounds off the whole selection.
- [How do I hear the sound on the layer I select?](https://systergon.com/sound-kit/help/selection-preview) — Turn on Canvas Preview in Settings → Editor. A small player then appears whenever you select a layer that has a sound attached.
- [How do I turn a sound into a reusable token?](https://systergon.com/sound-kit/help/save-as-token) — Create a token from a sound so you can reuse it by name across your designs.
- [How do I version a sound token?](https://systergon.com/sound-kit/help/token-versions) — Open a token and bump its version — patch, minor, or major. Each bump is recorded, so the token carries a history of what changed and when.
- [How do I switch between sound themes?](https://systergon.com/sound-kit/help/switch-themes) — Pick a theme to swap every themed sound at once.

## Hand off & track

- [How do I give my sounds to developers?](https://systergon.com/sound-kit/help/handoff-developers) — Use the Export tab to generate code snippets, a tokens file, and a handoff doc.
- [How do I export my sound tokens to a file?](https://systergon.com/sound-kit/help/export-tokens-file) — In the Tokens tab, use the export action. Pick the tokens and the format, preview what will be written, then copy it or download it.
- [How do I import tokens from another file?](https://systergon.com/sound-kit/help/import-tokens) — Use the import action in the Tokens tab. Drop a file in or paste the JSON, preview what was found, decide what happens to any clashes, and apply.
- [How do I sync my sounds to Figma Variables?](https://systergon.com/sound-kit/help/sync-figma-variables) — Open Tokens → Export and use the Figma Variables panel. It previews how many variables and modes it will create, then writes them into your file.
- [How do I keep my tokens in sync with a Git repo?](https://systergon.com/sound-kit/help/git-sync-tokens) — Open Tokens → Export → Git Sync, connect GitHub, GitLab, or Bitbucket, and push or pull the token file so design and code stay on the same source.
- [How do I share our sound rules with the team?](https://systergon.com/sound-kit/help/style-guide) — Tokens → Export → Style Guide builds a document out of your naming, tokens, themes, loudness standards, platform choices, and known issues. Copy it or download it.
- [How do I see how my sounds are used?](https://systergon.com/sound-kit/help/track-usage) — The Analyze tab shows coverage, usage, tonal balance, budget, and AI costs.
- [How do I see what my whole sound system sounds like?](https://systergon.com/sound-kit/help/tonal-profile) — Open Analyze → Tonal and run the analysis. It scores how cohesive your sounds are, names the ones that drift, and shows how brightness is spread across the file.
- [How do I check my sounds hit the loudness my platform expects?](https://systergon.com/sound-kit/help/loudness-compliance) — The loudness compliance report in Analyze → Tonal judges every measured sound against your Platform Palette’s target and lists the worst offenders first.

## Settings & plans

- [How do I change my settings?](https://systergon.com/sound-kit/help/configure-settings) — Open Settings from the footer. The sidebar holds License, AI Providers, Storage, Sound Libraries, Editor, Platform Palette, and Privacy & Data.
- [How do I activate Sound Kit Pro?](https://systergon.com/sound-kit/help/activate-license) — Open Settings → License, click the enter-license-key button, and paste the key from your purchase email. You can also move a key to another machine from the same screen.
- [How do I connect my own storage?](https://systergon.com/sound-kit/help/connect-storage) — Open Settings → Storage and connect GitHub, S3 or Cloudflare R2, or Google Drive. Your sounds are then hosted by you, and the canvas just points at them.
- [How do I target iOS, Android, or Web?](https://systergon.com/sound-kit/help/platform-palette) — Pick a Platform Palette in Settings. It biases loudness targets, haptic suggestions, and file formats toward the platform you are designing for.
- [How do I export or clear my Sound Kit data?](https://systergon.com/sound-kit/help/privacy-data) — Settings → Privacy & Data exports everything Sound Kit has stored locally as a JSON file, and can clear it all out again.
- [What's free and what costs money?](https://systergon.com/sound-kit/help/whats-free) — Browsing, searching, and previewing sounds are free, and so are your first few canvas sounds. Editing, AI, exports, and premium libraries need Sound Kit Pro — and a sound that actually plays also needs a paid Figma plan.

Page: https://systergon.com/sound-kit/help