All Projects → mathieudutour → graphql-x-sketch

mathieudutour / graphql-x-sketch

Licence: other
Querying a Sketch file with the flexibility of GraphQL

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to graphql-x-sketch

gql-sketch
💎 minimal graphql client for Sketch
Stars: ✭ 29 (+20.83%)
Mutual labels:  sketch
Sketch-Interactions
Library for creating user flows and add visual connection with Jira tasks in Sketch
Stars: ✭ 40 (+66.67%)
Mutual labels:  sketch
sketch-flip-size
🔁 FlipSize is a small Sketch plugin to flip the size of a shape, layer or artboard
Stars: ✭ 16 (-33.33%)
Mutual labels:  sketch
sketch-pages-to-folders
Sketch plugin that exports all the artboards of a Sketch file into folders, which are based on the pages of the Sketch file.
Stars: ✭ 56 (+133.33%)
Mutual labels:  sketch
Sketch-Highlighter
Sketch plugin that generates highlights for selected text layers
Stars: ✭ 41 (+70.83%)
Mutual labels:  sketch
context-sketch-plugin
Count character, words, and paragraphs from a text layer easily inside Sketch!
Stars: ✭ 13 (-45.83%)
Mutual labels:  sketch
public
Some public files that I can link to: icons, screenshots, etc.
Stars: ✭ 29 (+20.83%)
Mutual labels:  sketch
sbuscontroller
This Arduino-Sketch lets you connect your SBUS compatible radio wirelessly as controller to your pc.
Stars: ✭ 24 (+0%)
Mutual labels:  sketch
DeepPS
[ECCV 2020] "Deep Plastic Surgery: Robust and Controllable Image Editing with Human-Drawn Sketches"
Stars: ✭ 63 (+162.5%)
Mutual labels:  sketch
sketch-shopify-data-populator
A Sketch App plugin to populate your designs with meaningful ecommerce data. Goodbye Lorem Ipsum. Hello JSON.
Stars: ✭ 18 (-25%)
Mutual labels:  sketch
Sketch-Navigator
"Sketch Navigator lets you quickly jump to any specific artboard without having to scan the all too easily cluttered Layers List in the app’s left-hand pane." - Khoi Vinh
Stars: ✭ 160 (+566.67%)
Mutual labels:  sketch
stark-sketch-plugin
Ensure your design is accessible and high contrast for every type of color blindness
Stars: ✭ 45 (+87.5%)
Mutual labels:  sketch
virtual sketching
General Virtual Sketching Framework for Vector Line Art (SIGGRAPH 2021)
Stars: ✭ 111 (+362.5%)
Mutual labels:  sketch
sketch-data-cn
为 Sketch 准备的模拟数据中文版,包含:中文姓名,手机号,省份,城市,地区,公司名,银行名,星期几,详情地址,邮编,邮箱,颜色,广告词等。
Stars: ✭ 39 (+62.5%)
Mutual labels:  sketch
Sketch-to-Clickthrough-HTML
Sketch plugin for creating a click-through HTML prototype
Stars: ✭ 75 (+212.5%)
Mutual labels:  sketch
library-styles-sync
sync shared styles from a Sketch Library to the current document
Stars: ✭ 70 (+191.67%)
Mutual labels:  sketch
RemoveAllGuides
Plugin for Sketch App.
Stars: ✭ 21 (-12.5%)
Mutual labels:  sketch
react-color
🎨 Is a tiny color picker widget component for React apps.
Stars: ✭ 50 (+108.33%)
Mutual labels:  sketch
ForeignIpsum
Generate text for your mockups in multiple languages ¯\_(ツ)_/¯
Stars: ✭ 43 (+79.17%)
Mutual labels:  sketch
sketchplugin-swift-color
A Sketch Plugin for generating UIColor and NSColor initializer Swift code from fill color of selected layers.
Stars: ✭ 58 (+141.67%)
Mutual labels:  sketch

GraphQL x Sketch

Querying a Sketch file with the flexibility of GraphQL

dziqgfjx4aafxnl jpg-large

Installation

npm install -g graphql-x-sketch

Usage

Server

graphql-x-sketch path/to/your/sketch/file

You can either point to a sketch file directly or to a folder that contains multiple Sketch files. You can also pass multiple paths.

This will spawn a local GraphQL server (and a GraphiQL instance so that you can play with it).

The server will also serve the bitmaps bundled in the Sketch files. The image field of a BitmapLayer will be the URL to the image for example.

The server will also watch the paths for new/updates Sketch files.

Single query

You can also directly run a GraphQL query without spwaning a server:

graphql-x-sketch path/to/your/sketch/file --run="my-graphql-query" --variables="{\"myVariable\": 3}"

That could serve as an alternative to sketchtool for example (and runs on any platform since it doesn't have any dependency to Sketch)

Contributing

The graphQL schemas are in /lib/schema

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