Figma File URL Regex Pattern

Validates a Figma file, design, or prototype URL and captures the file key.

Pattern
^https?:\/\/(?:www\.)?figma\.com\/(?:file|design|proto)\/([A-Za-z0-9]+)\/[^\s?#]+(?:[?#].*)?$

Tested examples

https://www.figma.com/file/AbCdEf123/Project-Name
https://figma.com/design/XyZ987/My-App?node-id=1-2
https://figma.com/
https://www.figma.com/community

Test it live

Live Regex TesterJS
0 matches
/
/g
https://www.figma.com/file/AbCdEf123/Project-Name
https://figma.com/design/XyZ987/My-App?node-id=1-2

Use it in your language

Use it in
// JavaScript / Node.js
const regex = /^https?:\/\/(?:www\.)?figma\.com\/(?:file|design|proto)\/([A-Za-z0-9]+)\/[^\s?#]+(?:[?#].*)?$/;
const value = "https://www.figma.com/file/AbCdEf123/Project-Name";
const isMatch = regex.test(value);
console.log(isMatch); // true / false

// Extract all matches
const matches = value.match(/^https?:\/\/(?:www\.)?figma\.com\/(?:file|design|proto)\/([A-Za-z0-9]+)\/[^\s?#]+(?:[?#].*)?$/g) || [];

Tags

Frequently asked questions

How do I use the Figma File URL regex pattern in JavaScript?
Wrap the pattern in slashes: const re = /^https?:\/\/(?:www\.)?figma\.com\/(?:file|design|proto)\/([A-Za-z0-9]+)\/[^\s?#]+(?:[?#].*)?$/; — then call re.test(value) to check a single value, or value.match(re) to find matches. The "Use it in" snippets above give you the exact code for 9 languages.
Is this figma file url regex production-ready?
Yes — every pattern in the library is tested against valid and invalid examples. Still, regex is one layer in a defense-in-depth strategy: pair it with server-side validation (e.g. Luhn for credit cards, mod-97 for IBAN, real DNS lookup for emails) for critical inputs.
Why does my pattern fail in another language?
Different regex engines (PCRE, Java, Python, Go's RE2) support slightly different syntax. The most common gotchas: lookbehinds (not in RE2), named groups syntax, and how backslashes need to be escaped inside string literals. The code snippets above already escape correctly for each language.
Can I edit this pattern and test it live?
Yes — use the live tester above. Type your test string and toggle flags (g, i, m, s, u, y) to see matches highlighted instantly, including capture groups.

Related patterns

See all URL

Browse the full library — 300 tested regex patterns across 16 categories.