ingrammicro / Puzzle Publisher
Licence: gpl-3.0
A Sketch plugin that exports Sketch artboards into clickable HTML file and publishes it on an external site.
Stars: ✭ 131
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Puzzle Publisher
Sketchize
Sketchize is built for UI/UX Designers to help them design lovely apps for mobile, tablet, and desktop devices.
Stars: ✭ 162 (+23.66%)
Mutual labels: ui-design, prototyping
sketch-crowdin
Connect your Sketch and Crowdin projects together
Stars: ✭ 35 (-73.28%)
Mutual labels: ui-design, sketch-plugin
Pencil
The Pencil Project's unique mission is to build a free and opensource tool for making diagrams and GUI prototyping that everyone can use.
Stars: ✭ 8,225 (+6178.63%)
Mutual labels: ui-design, prototyping
Overrideit Sketchplugin
Overrideit is sketch plugin that allow designers to search in overridelist and overrides dropdowns, and with many other features.
Stars: ✭ 113 (-13.74%)
Mutual labels: sketch-plugin
Sketch Potrace
Potrace for Sketch is a bitmap tracing plugin. It converts bitmap images into monochrome vector graphics.
Stars: ✭ 122 (-6.87%)
Mutual labels: sketch-plugin
Sketch Copy Paste Position Size
A Sketch plugin that lets you easily copy & paste width, height, x & y values from and to objects
Stars: ✭ 130 (-0.76%)
Mutual labels: sketch-plugin
Renameit
Keep your Sketch files organized, batch rename layers and artboards.
Stars: ✭ 1,428 (+990.08%)
Mutual labels: sketch-plugin
Involt
Inject hardware interactions directly into HTML layout.
Stars: ✭ 128 (-2.29%)
Mutual labels: prototyping
Awesome flutter ui
This repository demonstrates use of various widgets in flutter and tricks to create beautiful UI elements in flutter for Android and IOS
Stars: ✭ 120 (-8.4%)
Mutual labels: ui-design
Sketch Select
🖱 Make it much more convenient to select layers with similar attributes.
Stars: ✭ 114 (-12.98%)
Mutual labels: sketch-plugin
Aquatouch
Dynamic Custom Macros for your MacBook TouchBar! (Supports 40+ Apps and Websites)
Stars: ✭ 125 (-4.58%)
Mutual labels: ui-design
Guify
A simple GUI for inspecting and changing JavaScript variables
Stars: ✭ 111 (-15.27%)
Mutual labels: prototyping
Testdrive
Quickly try out any Swift pod or framework in a playground
Stars: ✭ 1,612 (+1130.53%)
Mutual labels: prototyping
React Virgin
The react-native UI Kit you've been looking for.
Stars: ✭ 1,523 (+1062.6%)
Mutual labels: ui-design
Magic Buttons Sketch Plugin
Be a wizard! Automatically resize and relabel buttons with padding sizes like CSS.
Stars: ✭ 115 (-12.21%)
Mutual labels: sketch-plugin
People
People is great app with smart UI with new look animation
Stars: ✭ 120 (-8.4%)
Mutual labels: ui-design
Puzzle Publisher
A Sketch plugin that exports Sketch artboards into clickable HTML file.
Join GitHub Comments for live talk
Features:
- Single HTML file with links highlighting
- Show artboard as an overlay over a previous artboard / Pict 1, Pict 2, Pict 3 / Example
- Show artboard as a modal over a previous artboard / Picture, Example
- Support for layers with fixed position (left,top and float panels) / Example
- Support for Sketch-native links (including Back links, cross-page links, links inside Symbols and overrided hotspot links)
- Support for external links / Hint
- Skips pages and artboards with * prefix
- Ability to insert Google counter
- Ability to hide navigation controls and hotspot highlighting
- Automatic compression of images
Viewer features:
- Gallery / Picture
- Async pre-loading of all page images
- Auto-scale of large pages to fit into small browser window
- Ability to get <iframe> code to embed you prototypes into external web pages (with special UI) or get lightweight code with just <img...></a/>
- Page layout viewer (if it was enabled for a page)
- [NEW] Element Inspector to see symbols, styles and design tokens(requires integration with Design System plugin) (Picture)
Publisher features:
- Increasing of version counter and injecting it into HTML
- Publishing to external site by SFTP
- Publishing to Miro whiteboards
- Announce new version changes in Telegram channel
Run from command line:
- Export HTML from command line / Hint
Please send your feedback and requests to [email protected]
Screenshots
Commands:
Settings:
Viewer - Show symbols (and design tokens):
Installation
To install, download the zip file and double-click on PuzzlePublisher.sketchplugin. The commands will show up under Plugins > Puzzle Publisher.
Usage
You can use Sketch-native links or add links to external sites. When you're finished adding these you can generate a HTML website of the all document pages by selecting Export to HTML. The generated files can then be uploaded to a server so you can show it to your clients.
Retina Images
By default it will show 2x images for high pixel density screens. To turn this off uncheck Export retina images in Settings and re-export the page.
Special magic string in layer names
- @[email protected]: a shape layer background color will be used as a default color for browser pages
- @[email protected]: an image layer will be rendered as site icon for mockups
- @[email protected]: a link from a marked hostpot will be used to show a page under an overlay (example)
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].