Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/timurnurutdinov/Framer-Inventory-for-Sketch
Semantic Import from Sketch to Framer
https://github.com/timurnurutdinov/Framer-Inventory-for-Sketch
framer keynote prototyping sketch
Last synced: about 2 months ago
JSON representation
Semantic Import from Sketch to Framer
- Host: GitHub
- URL: https://github.com/timurnurutdinov/Framer-Inventory-for-Sketch
- Owner: timurnurutdinov
- License: apache-2.0
- Created: 2015-07-20T19:44:03.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2018-03-08T14:56:58.000Z (almost 7 years ago)
- Last Synced: 2024-08-09T13:16:53.673Z (6 months ago)
- Topics: framer, keynote, prototyping, sketch
- Language: JavaScript
- Homepage: http://timurnurutdinov.github.io/framerinventory/?utm_source=web&utm_medium=github_description
- Size: 7.74 MB
- Stars: 278
- Watchers: 22
- Forks: 11
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.MD
Awesome Lists containing this project
README
# Framer Inventory
### Semantic Export from Sketch into Framer
Watch Promo and Learn More
## 1. Import States
Import layers from Sketch to Framer with states. Revolutionary way of semantic import makes iterations with Framer easy & productive.
Read More
#### 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
## 2. Export Prototype
Have you used a Keynote for prototyping? It’s quite the same but like you organize scene of slides in Sketch and create motion in Framer with a any logic you need.
Read More
#### How to use
* 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
## 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!
## 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.