<NME> README.md
<BEF> 
# Framer Inventory
![Version](https://img.shields.io/github/release/timurnurutdinov/Framer-Inventory-for-Sketch.svg)
### Semantic Export from Sketch into Framer
<a href="https://timurnurutdinov.github.io/framerinventory/?utm_source=web&utm_medium=github">Watch Promo and Learn More</a>

![](/../images-third-version/readme/whiter@2x.png?raw=true "")
## 1. Import States
![Import States](/../images-third-version/readme/import-states@2x.png?raw=true "Import States")
![](/../images-third-version/readme/whiter-small@2x.png?raw=true "")
Import layers from Sketch to Framer with states. Revolutionary way of semantic import makes iterations with Framer easy & productive.
<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

#### Works with shapes and groups on the current page
Some shapes such as Rectangle or Oval with sumple styling can be replicated with FramerJS code without an image:
![Alt text](/../images/readme/simulate-shapes.png?raw=true “Simulate Shapes”)

Other shapes and groups need assets to work properly in Framer Studio. Export them manually with the help of Sketch and **Select Exportables** (read below). Plugin helps to estimate the amount of required assets:
![Alt text](/../images/readme/simulate-groups.png?raw=true “Simulate Groups”)

>In order to generate states, artboards should have unique names. At very beginning Framer Inventory checks names and notifies you with a message. It also helps to find dublicates ;)
* Include layers in Scene by marking them exportable
* Generate scene for entire page or selected artboards
* Paste code into Framer and save project

#### Features:
* Custom code: expand generated prototypes with your own logic
* Reimport: your Custom code will be saved on reimport


![](/../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> Small things

<DFF> @@ -20,9 +20,11 @@ This Framer Inventory action mimics Keynote and its Magic Move transition. But y
 
 #### Works with shapes and groups on the current page
 Some shapes such as Rectangle or Oval with sumple styling can be replicated with FramerJS code without an image:
+
 ![Alt text](/../images/readme/simulate-shapes.png?raw=true “Simulate Shapes”)
 
 Other shapes and groups need assets to work properly in Framer Studio. Export them manually with the help of Sketch and **Select Exportables** (read below). Plugin helps to estimate the amount of required assets:
+
 ![Alt text](/../images/readme/simulate-groups.png?raw=true “Simulate Groups”)
 
 >In order to generate states, artboards should have unique names. At very beginning Framer Inventory checks names and notifies you with a message. It also helps to find dublicates ;)

Small things