5:["$","$L16",null,{"demo":{"id":"cm0f4pls608k0w8i4cqgh8urv","createdAt":"2024-08-29T10:15:15.847Z","updatedAt":"2024-08-29T10:24:17.207Z","title":"How to Login to Figma","published":true,"color":"bg-gray-200","authorId":"clyszkgee00ww8ku0ja57y4wk","metadesc":"Click through a step-by-step, interactive demo walkthrough of how to log in to Figma, powered by Supademo.","ctabtntext":"Create Better Demos in Minutes","ctabtncolor":"#0051c9","ctabtntextcolor":"#fff","ctabtnlink":"https://app.supademo.com/signup?utm_source=supademo&utm_medium=supademo&utm_campaign=supademo_cta","autoplay":false,"autoplayduration":3000,"autoPlayDelay":0,"showplaypause":true,"loop":false,"progressbar":false,"font":"Default","workspaceId":"muX33bJGOFbXOjmJWCKXF","darkmode":true,"shared":true,"folderId":null,"border":true,"nextButton":true,"showSteps":false,"globalSettings":true,"hotspotTextVisible":true,"hotspotOpacity":"70","number":null,"topBar":true,"indexable":true,"displayAuthor":false,"displayDescription":false,"showSupademoLink":true,"showCCButton":true,"archived":false,"archivedAt":null,"domainURL":"https://www.figma.com/","brandLogo":"https://d2vsad3r6ug0tf.cloudfront.net/workspacelogos/URNATSDtAePdH3Xmdpf8i","allowDuplicate":true,"recordOwnVoice":false,"backgroundId":"cm0f4rkis01tuwr3xgl7fp2z9","backgroundMusicUrl":null,"backgroundMusicVolume":50,"demoSource":"Extension","type":"Default","fullWidth":false,"detectBrowserLanguage":true,"author":{"id":"clyszkgee00ww8ku0ja57y4wk","name":"Vimal Kumar","image":null},"steps":[{"id":"nhwc13eM_CrQGYwh8y3zb","number":"1","text":"Chapter","image":null,"video":null,"createdAt":"2024-08-29T10:16:15.902Z","updatedAt":"2024-08-29T10:21:32.296Z","demoId":"cm0f4pls608k0w8i4cqgh8urv","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":670,"heightOrg":303,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[],"chapter":{"id":"HLpAvY_8YsZVa0iZrCmFa","stepId":"nhwc13eM_CrQGYwh8y3zb","enabled":true,"type":"Link","skip":false,"heading":"How to Log in to Figma","description":"Click below for a step-by-step walkthrough","headingColor":"#272727","descriptionColor":"#272727","theme":"Light","blurIntensity":24,"allowCompanyEmail":true,"embedCode":null,"buttons":[{"id":"zoO9SSZ936G7BeN9gtfj4","createdAt":"2024-08-29T10:16:15.963Z","updatedAt":"2024-08-29T10:16:42.969Z","chapterId":"HLpAvY_8YsZVa0iZrCmFa","content":"Get Started","btnColor":"#9900ef","color":"#fff","linkTxt":"cm0f4prq608k2w8i47aghnfof","isLinkExternal":false,"openInNewTab":true,"animation":"Ripple","order":0}],"backgroundId":null,"background":null,"formFields":[]},"comments":[]},{"id":"xMn_Avbnmz9G0uhn-Foxv","number":"2","text":"Upload","image":"https://media.supademo.com/clyszkgee00ww8ku0ja57y4wk/YBSPtbuwhFnb3SJkGWiFM.jpg","video":null,"createdAt":"2024-08-29T10:17:32.504Z","updatedAt":"2024-08-29T10:24:17.146Z","demoId":"cm0f4pls608k0w8i4cqgh8urv","imageWidth":"688","imageHeight":"312","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":2880,"heightOrg":1304,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/clyszkgee00ww8ku0ja57y4wk/audio/zgfb5nCTZTNAP_yKknsde.mp3","audioText":"Start by opening your web browser and navigating to the Figma website at figma.com.","voice":"FPQ1Odtu8U6Edy2qyGcI","audioLanguage":null,"audioDuration":"4.728163265306122","captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[{"id":"MQ0J0G3puXFEjQbsIURyb","number":"1","createdAt":"2024-08-29T10:17:32.504Z","updatedAt":"2024-08-29T10:18:00.319Z","default":false,"text":"Start by opening your web browser and navigating to the Figma website at figma.com.","bgcolor":"#9900ef","textcolor":"#fff","mouseXCooridnate":"52.33959301180814","mouseYCooridnate":"47.21521512580573","style":"Tooltip","animation":"Pulse","isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"xMn_Avbnmz9G0uhn-Foxv","tipposition":"bottom","nextButton":true,"textVisible":null,"htmlValue":"

","aiText":null,"aiTextVisible":false,"anchorNodeId":null}],"chapter":null,"comments":[]},{"id":"cm0f4prq608k2w8i47aghnfof","number":"3","text":"To get started, click on \"Log in\".","image":"https://media.supademo.com/clyszkgee00ww8ku0ja57y4wk/YBSPtbuwhFnb3SJkGWiFM.jpg","video":null,"createdAt":"2024-08-29T10:15:23.550Z","updatedAt":"2024-08-29T10:24:17.146Z","demoId":"cm0f4pls608k0w8i4cqgh8urv","imageWidth":"688","imageHeight":"312","mouseXCooridnate":"75.90277777777777","mouseYCooridnate":"6.441717791411043","editedImage":null,"widthOrg":2880,"heightOrg":1304,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/clyszkgee00ww8ku0ja57y4wk/audio/ueEtqJoDP0ypEmfY8Wn_4.mp3","audioText":"Click on \"Log in\".","voice":"FPQ1Odtu8U6Edy2qyGcI","audioLanguage":null,"audioDuration":"1.515102040816326","captionsUrl":null,"zoomPositionX":"30","zoomPositionY":"0","zoomWidth":"70","zoomHeight":"70","playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[{"id":"cm0f4prq608k3w8i4wol0pj5f","number":"1","createdAt":"2024-08-29T10:15:23.550Z","updatedAt":"2024-08-29T10:17:32.504Z","default":false,"text":"Click on \"Log in\".","bgcolor":"#9900ef","textcolor":"#fff","mouseXCooridnate":"76.14988385820219","mouseYCooridnate":"5.7140217572257574","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"6.301348413433215","boxHeight":"7.731735121968422","prevslide":null,"nextslide":null,"stepId":"cm0f4prq608k2w8i47aghnfof","tipposition":"bottom","nextButton":true,"textVisible":null,"htmlValue":"

","aiText":null,"aiTextVisible":false,"anchorNodeId":null}],"chapter":null,"comments":[]},{"id":"cm0f4pupb08k5w8i4gzgraqul","number":"4","text":"Click here.","image":"https://media.supademo.com/clyszkgee00ww8ku0ja57y4wk/nSZfyL6VLEXHqV8ERmStf.jpg","video":null,"createdAt":"2024-08-29T10:15:27.408Z","updatedAt":"2024-08-29T10:24:17.146Z","demoId":"cm0f4pls608k0w8i4cqgh8urv","imageWidth":"688","imageHeight":"312","mouseXCooridnate":"48.09027777777778","mouseYCooridnate":"41.18098159509203","editedImage":null,"widthOrg":2880,"heightOrg":1304,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/clyszkgee00ww8ku0ja57y4wk/audio/q_uZdRmy7S5NWrXAdyv0Y.mp3","audioText":"Enter the email address associated with your Figma account in the provided field.","voice":"FPQ1Odtu8U6Edy2qyGcI","audioLanguage":null,"audioDuration":"4.022857142857143","captionsUrl":null,"zoomPositionX":"13.51283243780222","zoomPositionY":"10.66259328707115","zoomWidth":"73.72003731826629","zoomHeight":"73.72144043881042","playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[{"id":"cm0f4pupc08k6w8i4yyh3c7av","number":"2","createdAt":"2024-08-29T10:15:27.408Z","updatedAt":"2024-08-29T10:18:47.290Z","default":false,"text":"Enter the email address associated with your Figma account in the provided field.","bgcolor":"#9900ef","textcolor":"#fff","mouseXCooridnate":"49.94361462225984","mouseYCooridnate":"40.81714008407635","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"18.73933927529214","boxHeight":"8.823272667169382","prevslide":null,"nextslide":null,"stepId":"cm0f4pupb08k5w8i4gzgraqul","tipposition":"left","nextButton":true,"textVisible":null,"htmlValue":"

","aiText":null,"aiTextVisible":false,"anchorNodeId":null}],"chapter":null,"comments":[]},{"id":"tG14HRqFLUsPvofa65faV","number":"5","text":"Upload","image":"https://media.supademo.com/clyszkgee00ww8ku0ja57y4wk/irAeOrWOt8BsbWXyVkG6_.jpg","video":null,"createdAt":"2024-08-29T10:20:00.278Z","updatedAt":"2024-08-29T10:25:05.330Z","demoId":"cm0f4pls608k0w8i4cqgh8urv","imageWidth":"688","imageHeight":"312","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":"https://media.supademo.com/clyszkgee00ww8ku0ja57y4wk/brHQTTtVTg7TkYE-ljTL_.jpeg","widthOrg":2880,"heightOrg":1304,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":"{\"cropLimitToImage\":true,\"cropMinSize\":{\"width\":1,\"height\":1},\"cropMaxSize\":{\"width\":32768,\"height\":32768},\"cropAspectRatio\":null,\"flipX\":false,\"flipY\":false,\"rotation\":0,\"crop\":{\"x\":0,\"y\":0,\"width\":2880,\"height\":1304},\"colorMatrix\":null,\"convolutionMatrix\":null,\"gamma\":null,\"vignette\":null,\"redaction\":[{\"x\":1206.6852890540813,\"y\":528.7944501679519,\"width\":347.1336764631601,\"height\":41.368322175124604,\"rotation\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"id\":\"bg378ydeb\",\"disableErase\":true,\"cornerRadius\":0,\"strokeWidth\":0,\"strokeColor\":[0,0,0],\"backgroundColor\":[0,0,0],\"isSelected\":true,\"isEditing\":false}],\"annotation\":[],\"decoration\":[],\"frame\":null,\"backgroundColor\":[0,0,0,0],\"backgroundImage\":null,\"targetSize\":null,\"metadata\":null,\"trim\":null,\"volume\":null}","trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/clyszkgee00ww8ku0ja57y4wk/audio/AbmowGbQxluFPsrHj4pq6.mp3","audioText":"Next, type in your password.","voice":"FPQ1Odtu8U6Edy2qyGcI","audioLanguage":null,"audioDuration":"1.933061224489796","captionsUrl":null,"zoomPositionX":"23.83927221024515","zoomPositionY":"28.03093362063202","zoomWidth":"59.752872690983","zoomHeight":"59.75368097567578","playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[{"id":"XvpRl8pBMRcFJ9vg2G7j3","number":"4","createdAt":"2024-08-29T10:20:00.278Z","updatedAt":"2024-08-29T10:20:00.278Z","default":false,"text":"Next, type in your password.","bgcolor":"#9900ef","textcolor":"#fff","mouseXCooridnate":"49.96782223122665","mouseYCooridnate":"51.37672236170374","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"18.6569745095601","boxHeight":"8.641345405584575","prevslide":null,"nextslide":null,"stepId":"tG14HRqFLUsPvofa65faV","tipposition":"right","nextButton":true,"textVisible":null,"htmlValue":"

","aiText":null,"aiTextVisible":false,"anchorNodeId":null}],"chapter":null,"comments":[]},{"id":"cm0f4pypm08kdw8i4qdls7wx2","number":"6","text":"Now, click on the element.","image":"https://media.supademo.com/clyszkgee00ww8ku0ja57y4wk/irAeOrWOt8BsbWXyVkG6_.jpg","video":null,"createdAt":"2024-08-29T10:15:32.602Z","updatedAt":"2024-08-29T10:24:17.146Z","demoId":"cm0f4pls608k0w8i4cqgh8urv","imageWidth":"688","imageHeight":"312","mouseXCooridnate":"48.40277777777778","mouseYCooridnate":"52.377300613496935","editedImage":null,"widthOrg":2880,"heightOrg":1304,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/clyszkgee00ww8ku0ja57y4wk/audio/XFs2ipoje1FIiJhK3v6Qc.mp3","audioText":"Finally, click on \"Log in\".","voice":"FPQ1Odtu8U6Edy2qyGcI","audioLanguage":null,"audioDuration":"1.802448979591837","captionsUrl":null,"zoomPositionX":"23.83927221024515","zoomPositionY":"28.03093362063202","zoomWidth":"59.752872690983","zoomHeight":"59.75368097567578","playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[{"id":"cm0f4pypm08kew8i40kwkxd32","number":"4","createdAt":"2024-08-29T10:15:32.602Z","updatedAt":"2024-08-29T10:20:36.818Z","default":false,"text":"Finally, click on \"Log in\".","bgcolor":"#9900ef","textcolor":"#fff","mouseXCooridnate":"49.96782223122665","mouseYCooridnate":"62.65595233688295","style":"Area","animation":"Pulse","isVisible":true,"boxWidth":"18.49222926712497","boxHeight":"7.91363635924535","prevslide":null,"nextslide":null,"stepId":"cm0f4pypm08kdw8i4qdls7wx2","tipposition":"right","nextButton":true,"textVisible":null,"htmlValue":"

","aiText":null,"aiTextVisible":false,"anchorNodeId":null}],"chapter":null,"comments":[]},{"id":"cm0f4xi9b01wwwr3x9r8oueta","number":"7","text":null,"image":"https://media.supademo.com/clyszkgee00ww8ku0ja57y4wk/S4_72jczmEmABZnaz4Wjs.jpg","video":null,"createdAt":"2024-08-29T10:21:24.527Z","updatedAt":"2024-08-29T10:24:17.146Z","demoId":"cm0f4pls608k0w8i4cqgh8urv","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":"","widthOrg":1920,"heightOrg":869,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":"","trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":"https://media.supademo.com/clyszkgee00ww8ku0ja57y4wk/audio/QPDC1GCbjTqpaGgWBBFno.mp3","audioText":"That's it, you have successfully logged in to your Figma account. Now you can start designing.","voice":"FPQ1Odtu8U6Edy2qyGcI","audioLanguage":null,"audioDuration":"5.564081632653061","captionsUrl":null,"zoomPositionX":"0","zoomPositionY":"0","zoomWidth":"99.99809672662965","zoomHeight":"100","playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[{"id":"9YDSlYIt8h-F57YXccfPP","number":null,"createdAt":"2024-08-29T10:21:57.442Z","updatedAt":"2024-08-29T10:23:07.507Z","default":false,"text":"That's it, you have successfully logged in to your Figma account. Now you can start designing.","bgcolor":"#9900ef","textcolor":"#fff","mouseXCooridnate":"54.322147867015005","mouseYCooridnate":"48.35416412933637","style":"Tooltip","animation":null,"isVisible":true,"boxWidth":null,"boxHeight":null,"prevslide":null,"nextslide":null,"stepId":"cm0f4xi9b01wwwr3x9r8oueta","tipposition":"autostart","nextButton":true,"textVisible":null,"htmlValue":null,"aiText":null,"aiTextVisible":false,"anchorNodeId":null}],"chapter":null,"comments":[]},{"id":"cm0f4qlty08kzw8i4re3ek40o","number":"8","text":"Chapter","image":null,"video":null,"createdAt":"2024-08-29T10:16:02.566Z","updatedAt":"2024-08-29T10:21:32.296Z","demoId":"cm0f4pls608k0w8i4cqgh8urv","imageWidth":"688","imageHeight":"0","mouseXCooridnate":"0","mouseYCooridnate":"0","editedImage":null,"widthOrg":755,"heightOrg":763,"bgcolor":"#4f46e5","textcolor":"#fff","imgState":null,"trimStart":"0","trimEnd":"100","videoWidth":null,"videoHeight":null,"videoDuration":null,"audio":null,"audioText":null,"voice":null,"audioLanguage":null,"audioDuration":null,"captionsUrl":null,"zoomPositionX":null,"zoomPositionY":null,"zoomWidth":null,"zoomHeight":null,"playbackRate":"1","mediaFitMode":"Cover","mediaAlignMode":"Top","htmlCaptureId":null,"backdrop":"None","pageUrl":null,"recordingSessionId":null,"hotspots":[],"chapter":{"id":"cm0f4qlue08l1w8i46j1m3xqj","stepId":"cm0f4qlty08kzw8i4re3ek40o","enabled":true,"type":"Link","skip":false,"heading":"Create a Supademo in seconds","description":"Scale up product adoption with beautiful AI-powered interactive demos.","headingColor":"#272727","descriptionColor":"#272727","theme":"Light","blurIntensity":24,"allowCompanyEmail":true,"embedCode":null,"buttons":[{"id":"cm0f4qluw08l3w8i40ysahe2k","createdAt":"2024-08-29T10:16:02.600Z","updatedAt":"2024-08-29T10:16:02.600Z","chapterId":"cm0f4qlue08l1w8i46j1m3xqj","content":"Create a Supademo","btnColor":"#9900ef","color":"#fff","linkTxt":"https://app.supademo.com/signup?utm_source=supademo&utm_medium=supademo&utm_campaign=supademo_cta","isLinkExternal":true,"openInNewTab":true,"animation":"Ripple","order":0}],"backgroundId":null,"background":null,"formFields":[]},"comments":[]}],"htmlEdits":[],"workspace":{"id":"muX33bJGOFbXOjmJWCKXF","createdAt":"2023-12-18T18:04:52.018Z","updatedAt":"2025-03-18T15:30:42.877Z","name":"Supa Marketing","color":"#054ab3","hotspottextcolor":"#fff","logo":"https://d2vsad3r6ug0tf.cloudfront.net/workspacelogos/URNATSDtAePdH3Xmdpf8i","favicon":null,"owner":"cl9yhqkao001bw60hq3exfo04","madein":true,"watermarkLogoUrl":"/supademo_logo_icon.svg","watermarkText":"Made with Supademo","watermarkLink":"https://supademo.com","sharepagebtntext":"Create Better Demos in Minutes","sharepagebtncolor":"#0051c9","sharepagebtntextcolor":"#fff","sharepagebtnlink":"https://app.supademo.com/signup?utm_source=supademo&utm_medium=supademo&utm_campaign=supademo_cta","subscriptionId":"sub_1PdZyMDNBXQNFoJIUgEx59xA","autoplay":false,"autoplayduration":3000,"loop":false,"progressbar":false,"nextButton":true,"subDomain":"doccs.supademo.com","seoIndexable":true,"seoAuthor":false,"seoDescription":false,"showSteps":false,"font":"Default","showSupademoLink":true,"hotspotNextBtn":true,"hotspotTextVisible":true,"hotspotOpacity":"70","enableCreatorsToInvite":true,"stripeId":"cus_MmacA1X1MVv641","topBar":true,"darkmode":true,"plan":"Enterprise","tourSetup":false,"inTrial":false,"customDomainEnabled":false,"trackingEnabled":true,"autoJoinTeam":true,"linkViewNotifications":false,"monthlyStatsEmail":false,"invoiceEmail":false,"customDomainLandingPage":"https://app.supademo.com","isDiscounted":false,"enterpriseId":"cm0e1678d00004uaa10qwl59b","integrations":[],"chapter":{"id":"cly2dm2yr11vdyerrvdongjm1","createdAt":"2024-07-01T02:44:03.075Z","updatedAt":"2024-07-01T02:44:03.075Z","stepId":null,"workspaceId":"muX33bJGOFbXOjmJWCKXF","enabled":true,"type":"Link","password":null,"skip":false,"heading":"Create a Supademo in seconds","description":"Scale up product adoption with beautiful AI-powered interactive demos.","theme":"Light","allowCompanyEmail":true,"embedCode":null,"blurIntensity":24,"headingColor":"#272727","descriptionColor":"#272727","backgroundId":null,"buttons":[{"id":"cly2dm37u11vfyerrs7l06rbd","createdAt":"2024-07-01T02:44:03.403Z","updatedAt":"2024-07-01T02:44:03.403Z","chapterId":"cly2dm2yr11vdyerrvdongjm1","content":"Create a Supademo","btnColor":"#054ab3","color":"#fff","linkTxt":"https://app.supademo.com/signup?utm_source=supademo&utm_medium=supademo&utm_campaign=supademo_cta","isLinkExternal":true,"openInNewTab":true,"animation":null,"order":0}],"background":null}},"background":{"id":"cm0f4rkis01tuwr3xgl7fp2z9","createdAt":"2024-08-29T10:16:47.524Z","updatedAt":"2024-08-29T10:16:47.524Z","type":"Color","value":"#D7B5FA","workspaceId":"muX33bJGOFbXOjmJWCKXF","demoId":"cm0f4pls608k0w8i4cqgh8urv","chapterId":null},"translatedTexts":[],"translations":[]},"variablesFromUrl":[]}]