[{"data":1,"prerenderedAt":317},["ShallowReactive",2],{"legal:design-mirror-for-figma:support":3,"legal:design-mirror-for-figma:parent":241},{"id":4,"title":5,"body":6,"description":230,"extension":231,"lastUpdated":232,"meta":233,"navigation":234,"pageType":235,"parentSlug":236,"path":237,"seo":238,"stem":239,"__hash__":240},"legals\u002Flegals\u002Fdesign-mirror-for-figma\u002Fsupport.md","Support — Design Mirror for Figma",{"type":7,"value":8,"toc":209},"minimark",[9,13,18,21,25,47,51,91,95,100,103,107,110,114,117,121,124,128,131,135,138,141,144,148,151,165,169,178,182,185,199,203],[10,11,12],"p",{},"Need help with Design Mirror for Figma? Browse the support documentation below.",[14,15,17],"h2",{"id":16},"about-the-app","About the App",[10,19,20],{},"Design Mirror for Figma is a macOS app that provides a transparent overlay of Figma designs on top of your development environment, allowing developers to achieve pixel-perfect implementation.",[14,22,24],{"id":23},"how-to-use","How to Use",[26,27,28,32,35,38,41,44],"ol",{},[29,30,31],"li",{},"Launch Design Mirror for Figma",[29,33,34],{},"Click \"Connect to Figma\" to authenticate",[29,36,37],{},"Select a design from your Figma files",[29,39,40],{},"Position the transparent overlay over your work",[29,42,43],{},"Adjust opacity and scale as needed",[29,45,46],{},"Code with pixel-perfect precision",[14,48,50],{"id":49},"key-features","Key Features",[52,53,54,61,67,73,79,85],"ul",{},[29,55,56,60],{},[57,58,59],"strong",{},"Transparent Design Overlay"," — Position Figma designs over your development environment",[29,62,63,66],{},[57,64,65],{},"Direct Figma Integration"," — Connect with your Figma account via OAuth",[29,68,69,72],{},[57,70,71],{},"Precision Controls"," — Fine-tune position, opacity, and scale",[29,74,75,78],{},[57,76,77],{},"Multi-display Support"," — Works across multiple monitors",[29,80,81,84],{},[57,82,83],{},"CloudKit Sync"," — Settings sync across your devices",[29,86,87,90],{},[57,88,89],{},"Keyboard Shortcuts"," — Quick controls for efficient workflow",[14,92,94],{"id":93},"frequently-asked-questions","Frequently Asked Questions",[96,97,99],"h3",{"id":98},"q-what-are-the-system-requirements","Q: What are the system requirements?",[10,101,102],{},"A: Design Mirror for Figma requires macOS 15.5 or later, a Figma account, and an internet connection for Figma integration.",[96,104,106],{"id":105},"q-is-my-data-secure","Q: Is my data secure?",[10,108,109],{},"A: Yes. The app respects your privacy — it only accesses Figma files you explicitly select, has no tracking or analytics, and stores settings locally and in your iCloud. No data is shared with third parties.",[96,111,113],{"id":112},"q-can-i-use-this-with-multiple-monitors","Q: Can I use this with multiple monitors?",[10,115,116],{},"A: Yes! Design Mirror for Figma has full multi-display support and works across multiple monitors.",[96,118,120],{"id":119},"q-how-do-i-authenticate-with-figma","Q: How do I authenticate with Figma?",[10,122,123],{},"A: The app uses Figma's official OAuth authentication. Simply click \"Connect to Figma\" and follow the authentication flow. Your credentials are stored securely in your Mac's Keychain.",[96,125,127],{"id":126},"q-can-i-adjust-the-overlay-appearance","Q: Can I adjust the overlay appearance?",[10,129,130],{},"A: Yes, you can fine-tune the position, opacity, and scale of the overlay to match your needs perfectly.",[96,132,134],{"id":133},"q-does-this-sync-across-my-devices","Q: Does this sync across my devices?",[10,136,137],{},"A: If you have iCloud enabled, your app settings will sync across your devices using Apple's CloudKit.",[14,139,89],{"id":140},"keyboard-shortcuts",[10,142,143],{},"Design Mirror for Figma includes keyboard shortcuts for efficient workflow. Check the app's menu bar for the complete list of shortcuts.",[14,145,147],{"id":146},"privacy","Privacy",[10,149,150],{},"Design Mirror for Figma respects your privacy:",[52,152,153,156,159,162],{},[29,154,155],{},"Only accesses Figma files you explicitly select",[29,157,158],{},"No tracking or analytics",[29,160,161],{},"Settings stored locally and in your iCloud",[29,163,164],{},"No data shared with third parties",[14,166,168],{"id":167},"support-contact","Support Contact",[10,170,171,172,177],{},"For support inquiries, please ",[173,174,176],"a",{"href":175},"\u002Fcontact","contact us via our contact form",".",[14,179,181],{"id":180},"technical-information","Technical Information",[10,183,184],{},"This is a SwiftUI-based macOS application with:",[52,186,187,190,193,196],{},[29,188,189],{},"Core Data for persistence",[29,191,192],{},"CloudKit for synchronization",[29,194,195],{},"Figma OAuth integration",[29,197,198],{},"WebKit for design rendering",[14,200,202],{"id":201},"disclaimer","Disclaimer",[10,204,205],{},[206,207,208],"em",{},"Design Mirror for Figma is not affiliated with or endorsed by Figma, Inc.",{"title":210,"searchDepth":211,"depth":211,"links":212},"",3,[213,215,216,217,225,226,227,228,229],{"id":16,"depth":214,"text":17},2,{"id":23,"depth":214,"text":24},{"id":49,"depth":214,"text":50},{"id":93,"depth":214,"text":94,"children":218},[219,220,221,222,223,224],{"id":98,"depth":211,"text":99},{"id":105,"depth":211,"text":106},{"id":112,"depth":211,"text":113},{"id":119,"depth":211,"text":120},{"id":126,"depth":211,"text":127},{"id":133,"depth":211,"text":134},{"id":140,"depth":214,"text":89},{"id":146,"depth":214,"text":147},{"id":167,"depth":214,"text":168},{"id":180,"depth":214,"text":181},{"id":201,"depth":214,"text":202},"Help and FAQ for the Design Mirror for Figma macOS app.","md",null,{},true,"support","design-mirror-for-figma","\u002Flegals\u002Fdesign-mirror-for-figma\u002Fsupport",{"title":5,"description":230},"legals\u002Fdesign-mirror-for-figma\u002Fsupport","jxE7gOfIMBt5rEbFm1ZJ6mpUY3iPkAav1jqL4Yz13sw",{"id":242,"appName":243,"appStoreUrl":244,"cta":245,"extension":252,"features":253,"hero":278,"howItWorks":283,"meta":297,"privacyCallout":299,"requirements":303,"screenshotShowcase":308,"seo":312,"slug":236,"stem":315,"supportedFormats":232,"targetUsers":232,"whatsNew":232,"__hash__":316},"landings\u002Flandings\u002Fdesign-mirror-for-figma.json","Design Mirror for Figma","https:\u002F\u002Fapps.apple.com\u002Fapp\u002Fdesign-mirror-for-figma\u002Fid6752376476",{"title":246,"subtitle":247,"primaryCta":248,"additionalInfo":251},"Ready for Pixel-Perfect Development?","Join developers who achieve precise implementation with Design Mirror for Figma.",{"label":249,"href":244,"external":234,"badge":250},"Get Design Mirror for Figma","mac-app-store","Available now on Mac App Store","json",{"title":50,"columns":211,"items":254},[255,259,263,267,271,275],{"title":59,"description":256,"icon":257,"iconColor":258},"Position Figma designs over your development environment with perfect transparency.","i-lucide-eye","blue",{"title":65,"description":260,"icon":261,"iconColor":262},"Connect with your Figma account via OAuth for seamless access to your designs.","i-lucide-link","green",{"title":71,"description":264,"icon":265,"iconColor":266},"Fine-tune position, opacity, and scale for perfect alignment.","i-lucide-sliders-horizontal","purple",{"title":77,"description":268,"icon":269,"iconColor":270},"Works seamlessly across multiple monitors for flexible workflow.","i-lucide-monitor","red",{"title":83,"description":272,"icon":273,"iconColor":274},"Settings sync across your devices using Apple's CloudKit.","i-lucide-cloud","yellow",{"title":89,"description":276,"icon":277,"iconColor":258},"Quick controls for efficient workflow and rapid adjustments.","i-lucide-keyboard",{"headline":243,"subtitle":279,"primaryCta":280,"additionalInfo":282},"A transparent overlay of Figma designs on top of your development environment, allowing developers to achieve pixel-perfect implementation.",{"label":281,"href":244,"external":234,"badge":250},"Download for Mac","macOS 15.5 or later",{"title":284,"steps":285},"How It Works",[286,288,291,294],{"title":31,"description":287},"Open the app and start your design overlay workflow.",{"title":289,"description":290},"Connect to Figma","Authenticate with your Figma account via secure OAuth integration.",{"title":292,"description":293},"Select a design","Choose from your Figma files and projects for overlay display.",{"title":295,"description":296},"Code with precision","Position the overlay and adjust settings for pixel-perfect implementation.",{"$schema":298},"..\u002F..\u002F.nuxt\u002Fcontent\u002Flandings.schema.json",{"title":300,"headline":301,"description":302},"Privacy & Security","Privacy Respected","Only accesses Figma files you explicitly select. No tracking, no analytics, settings stored locally and in your iCloud.",{"title":304,"items":305},"Requirements",[282,306,307],"Figma account","Internet connection for Figma integration",{"src":309,"alt":310,"frame":311},"\u002Fimages\u002Fdesign-mirror-hero.png","Design Mirror for Figma screenshot","macos",{"title":313,"description":314},"Design Mirror for Figma — lost end found","A macOS app that provides transparent overlay of Figma designs on top of your development environment for pixel-perfect implementation.","landings\u002Fdesign-mirror-for-figma","6-YgKQy1nahNYqJj8gHmujElrfdcrbiNveKlmNCVrak",1783603473408]