<NME> README.md
<BEF> 
# Framer Inventory

>Framer Inventory operates within the current Sketch page, handles FramerJS code generation & helps exporting assets manually from automatically generated page.


## 1. Simulate Keynote
![Alt text](/../images/readme/simulate.png?raw=true “Simulate Keynote plugin window”)

This action mimics Keynote and its Magic Move transition. Artboards are similar to slides in presentation but you can animate layers on them. Preview your ideas just few seconds later you’ve done them in Sketch!

#### How to use
<a href="https://medium.com/@tilllur/import-states-with-framer-inventory-plugin-for-sketch-e9ad6ebfeae7?utm_source=web&utm_medium=github">Read More</a>

#### How to use
* Choose layers & run to import Framer Layers with selected States (or all States).
* Paste generated code from clipboard.

#### Features:
* Support points for code & auto-exporting images with required pixel density
* Relative layers: get coordinates to parent Artboard or parent Group
* Devices support: ready for Desktop/iOS/Android prototyping

![](/../images-third-version/readme/whiter@2x.png?raw=true "")


## 2. Generate States
![Alt text](/../images/readme/replicate.png?raw=true “Replicate Selected plugin window”)

Generates code for selected layers and supports their states. Similar to **Simulate Keynote** but let you write additional logic. Works great for high fidelity prototyping.


## 3. Replicate Selected
![Alt text](/../images/readme/replicate.png?raw=true “Replicate Selected plugin window”)

Generates code for selected layers without states. Works as a quick start for high fidelity prototyping without states (modulation, sliders & others)


## 4. Settings
![Alt text](/../images/readme/replicate.png?raw=true “Replicate Selected plugin window”)

#### 4.1. Scale variable name
Properties are scaled by this variable to support retina.

![](/../images-third-version/readme/whiter@2x.png?raw=true "")
## Prepare project
* Create Framer project, *choose device type* and save it.
* Open plugin’s panel via *Plugins/Framer Inventory/Show Panel*
* Select *the same device type* on panel and you are ready!


![](/../images-third-version/readme/whiter@2x.png?raw=true "")
## Contact
You are welcome to suggest ideas and report bugs (ideally with sketch files included). For better communication I suggest using Github issues but you can ping @framerinventory on Twitter as well.

<MSG> Changed images for second version

<DFF> @@ -3,10 +3,9 @@
 
 >Framer Inventory operates within the current Sketch page, handles FramerJS code generation & helps exporting assets manually from automatically generated page.
 
+![Alt text](/../images-second-version/readme/window.png?raw=true “Framer Inventory plugin window”)
 
 ## 1. Simulate Keynote
-![Alt text](/../images/readme/simulate.png?raw=true “Simulate Keynote plugin window”)
-
 This action mimics Keynote and its Magic Move transition. Artboards are similar to slides in presentation but you can animate layers on them. Preview your ideas just few seconds later you’ve done them in Sketch!
 
 #### How to use
@@ -25,19 +24,15 @@ This action mimics Keynote and its Magic Move transition. Artboards are similar
 
 
 ## 2. Generate States
-![Alt text](/../images/readme/replicate.png?raw=true “Replicate Selected plugin window”)
-
 Generates code for selected layers and supports their states. Similar to **Simulate Keynote** but let you write additional logic. Works great for high fidelity prototyping.
 
 
 ## 3. Replicate Selected
-![Alt text](/../images/readme/replicate.png?raw=true “Replicate Selected plugin window”)
-
 Generates code for selected layers without states. Works as a quick start for high fidelity prototyping without states (modulation, sliders & others)
 
 
 ## 4. Settings
-![Alt text](/../images/readme/replicate.png?raw=true “Replicate Selected plugin window”)
+![Alt text](/../images-second-version/readme/settings.png?raw=true “Settings window”)
 
 #### 4.1. Scale variable name
 Properties are scaled by this variable to support retina.

Changed images for second version