"use strict";(self.webpackChunkapplitools_quickstart_website=self.webpackChunkapplitools_quickstart_website||[]).push([[861],{3905:(e,t,n)=>{n.d(t,{Zo:()=>l,kt:()=>g});var r=n(7294);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function o(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){i(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function c(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n,r,i={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}var s=r.createContext({}),p=function(e){var t=r.useContext(s),n=t;return e&&(n="function"==typeof e?e(t):o(o({},t),e)),n},l=function(e){var t=p(e.components);return r.createElement(s.Provider,{value:t},e.children)},d={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},m=r.forwardRef((function(e,t){var n=e.components,i=e.mdxType,a=e.originalType,s=e.parentName,l=c(e,["components","mdxType","originalType","parentName"]),m=p(n),g=i,u=m["".concat(s,".").concat(g)]||m[g]||d[g]||a;return n?r.createElement(u,o(o({ref:t},l),{},{components:n})):r.createElement(u,o({ref:t},l))}));function g(e,t){var n=arguments,i=t&&t.mdxType;if("string"==typeof e||i){var a=n.length,o=new Array(a);o[0]=m;var c={};for(var s in t)hasOwnProperty.call(t,s)&&(c[s]=t[s]);c.originalType=e,c.mdxType="string"==typeof e?e:i,o[1]=c;for(var p=2;p<a;p++)o[p]=n[p];return r.createElement.apply(null,o)}return r.createElement.apply(null,n)}m.displayName="MDXCreateElement"},6022:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>s,contentTitle:()=>o,default:()=>d,frontMatter:()=>a,metadata:()=>c,toc:()=>p});var r=n(7462),i=(n(7294),n(3905));const a={},o="Synchronizing Figma Projects",c={unversionedId:"sync",id:"sync",title:"Synchronizing Figma Projects",description:"After you create a project in Centra by uploading a Figma page, you can synchronize the project with Figma.  This replaces images in the Centra project with the current versions in Figma and labels changed images in Centra as Updated.",source:"@site/docs/sync.md",sourceDirName:".",slug:"/sync",permalink:"/docs/centra/sync",draft:!1,tags:[],version:"current",frontMatter:{},sidebar:"colabSidebar",previous:{title:"Adding Images from Your File System",permalink:"/docs/centra/filesystem"},next:{title:"Updating a File System Project",permalink:"/docs/centra/uploadimage"}},s={},p=[{value:"Synchronizing an Entire Project",id:"synchronizing-an-entire-project",level:2},{value:"Synchronizing Individual Design Images",id:"synchronizing-individual-design-images",level:2}],l={toc:p};function d(e){let{components:t,...a}=e;return(0,i.kt)("wrapper",(0,r.Z)({},l,a,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("h1",{id:"synchronizing-figma-projects"},"Synchronizing Figma Projects"),(0,i.kt)("p",null,"After you ",(0,i.kt)("a",{parentName:"p",href:"/uploaddesign"},"create a project in Centra by uploading a Figma page"),", you can synchronize the project with Figma.  This replaces images in the Centra project with the current versions in Figma and labels changed images in Centra as ",(0,i.kt)("em",{parentName:"p"},"Updated"),"."),(0,i.kt)("p",null,"When syncing your project, previous design images can be viewed in the ",(0,i.kt)("a",{parentName:"p",href:"history"},"project history"),",  together with comments and issues added to that revision.\nNew images are marked as ",(0,i.kt)("em",{parentName:"p"},"Updated")," and do not have any comments associated with them."),(0,i.kt)("p",null,"Note that if a project is imported from Figma, you cannot add Design images from your file system. A Centra project cannot contain both Figma and file system Design images. "),(0,i.kt)("h2",{id:"synchronizing-an-entire-project"},"Synchronizing an Entire Project"),(0,i.kt)("p",null,"In the list of projects on the left, next to a project imported from Figma, click ",(0,i.kt)("img",{alt:"dots icon",src:n(4245).Z,width:"24",height:"24"})," and select ",(0,i.kt)("strong",{parentName:"p"},"Sync page with Figma"),"."),(0,i.kt)("p",null,(0,i.kt)("img",{alt:"Sync",src:n(5473).Z,width:"871",height:"622"})),(0,i.kt)("h2",{id:"synchronizing-individual-design-images"},"Synchronizing Individual Design Images"),(0,i.kt)("p",null,"You can synchronize individual images without updating an entire project.\nWhen you replace an image, the previous image can still be viewed in the project history, together with comments added to that revision.\nThe new image is marked as ",(0,i.kt)("em",{parentName:"p"},"Updated")," and does not have any comments associated with it."),(0,i.kt)("p",null,"Next to an image, click ",(0,i.kt)("img",{alt:"dots icon",src:n(4245).Z,width:"24",height:"24"})," and select ",(0,i.kt)("strong",{parentName:"p"},"Sync frame with Figma"),"."),(0,i.kt)("p",null,(0,i.kt)("img",{alt:"Sync Frame",src:n(9204).Z,width:"843",height:"541"})))}d.isMDXComponent=!0},4245:(e,t,n)=>{n.d(t,{Z:()=>r});const r="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAsQAAALEBxi1JjQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACFSURBVEiJ7ZSxCYAwEEUfWmrhEilTuZMTGTdwB+dwB0FXsNHCiAFBIl4KSR78JnD//nHhICY00FtpafMSWIDNarZvYtSO+alaskHJkdqdoPApzD0brMAAVMAINMD0OmYUKKsgdFxLNtLmivs39Zokk07yBcOVvg3VJOiS/08614+kcx2OHQgqLpVdcUDeAAAAAElFTkSuQmCC"},5473:(e,t,n)=>{n.d(t,{Z:()=>r});const r=n.p+"assets/images/sync-ad682cf34646834bb728d3074debda99.png"},9204:(e,t,n)=>{n.d(t,{Z:()=>r});const r=n.p+"assets/images/syncframe-7ac3506fce8bcf84536208c1aa26d4fd.png"}}]);