<NME> README.md
<BEF> # Framer Inventory for Sketch
- Page: http://medium.com
- Video: http://timurnurutdinov.github.io/framerinventory/
- Thoughts & tricks: http://medium.com


>Framer Inventory performs actions on a current Sketch page and handles only code generation. You should export assets manually and then iterate with plugin. Actually, exporting assets is not a deal because Sketch already does it great;)

![](/../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?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?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 ;)

* 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.


# Future
You are welcome to suggest ideas or create bug reports. They will shape the future of a Framer Inventory. You can read tip & tricks on Medium: http://medium.com




<MSG> Merge pull request #22 from timurnurutdinov/release

Release
<DFF> @@ -1,7 +1,5 @@
 # Framer Inventory for Sketch
-- Page: http://medium.com
 - Video: http://timurnurutdinov.github.io/framerinventory/
-- Thoughts & tricks: http://medium.com
 
 
 >Framer Inventory performs actions on a current Sketch page and handles only code generation. You should export assets manually and then iterate with plugin. Actually, exporting assets is not a deal because Sketch already does it great;)
@@ -22,10 +20,12 @@ 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?raw=true “Simulate Shapes”)
+
+![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?raw=true “Simulate Groups”)
+
+![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 ;)
 
@@ -72,7 +72,7 @@ Select all exportable layers on this page.
 
 
 # Future
-You are welcome to suggest ideas or create bug reports. They will shape the future of a Framer Inventory. You can read tip & tricks on Medium: http://medium.com
+You are welcome to suggest ideas or create bug reports. They will shape the future of a Framer Inventory. I'll add some tips & tricks soon.
 
 
 

Merge pull request #22 from timurnurutdinov/release