gavinmcfarland

Sharing data between files in plugins

The following functions allow you to share data between files without the need to use the REST API. While it suffers from some drawbacks (like managing duplicate files), it offers an almost frictionless experience for users.

How it works

When a user opens a file with your plugin the file is added to a list in clientStorage with a unique ID. When the user visits another file all previously visited files are be accessible from the clientStorage. Used in combination with a list which is stored on each file, it's possible to keep a record of remote files your plugin is using for a given file. The data for each file can contain any keys or information you need to access or import data from remote files.

Functions

gavinmcfarland

import { Tween, Queue, Easing } from 'tweeno'


function animateIntoView(selection, duration?, easing?) {
	// Get current coordiantes
	let origCoords = {
		...figma.viewport.center,
		z: figma.viewport.zoom
	}

gavinmcfarland

function reverseChildren(children) {
	const length = children.length
	
	for (let i = 0; i < length; i++) {
		var oppIndex = length - i
		children[i].parent.insertChild(oppIndex, children[i])
	}
}

function toggleLayerZindexOrdering(node) {

gavinmcfarland

function getLayerNames() {
    var names: any = []
    var layers = figma.currentPage.selection
    layers.map((layer) => {
        names.push(layer.name)
    })
    return names
}

print(getLayerNames())

gavinmcfarland

function getPageNames() {
    var names: any = []
    var pages = figma.root.findAll((node) => {
        if (node.type === "PAGE") {
            names.push(node.name)
        }
        return (node.type === "PAGE")
    })
    return names
}

gavinmcfarland

function getPageNames() {
	var names: any = []
	var pages = figma.root.findAll((node) => {
			if (node.type === "PAGE") {
				names.push(node.name)
			}
			return (node.type === "PAGE")
	})
	return names
}

gavinmcfarland

[
  'id',
  'parent',
  'name',
  'removed',
  'visible',
  'locked',
  'children',
  'constraints',
  'absoluteTransform',

gavinmcfarland

Document Process
  Draft
    Submit -> Submitted
  Submitted
    Ready
      Review -> Reviewing
    Reviewing
      Authorise -> Authorised
      Deny -> Draft
    Authorised

gavinmcfarland

.iframe-container {
  position: relative;
  height: 0;
  padding-bottom: 56%;
}

.iframe-container iframe {
  position: absolute;
  width: 100%;
  height: 100%;

gavinmcfarland

// Returns the value of a field/key.
// Add field=:field to url query

module.exports = (req, res, next) => {
    const _send = res.send
    res.send = function (body) {
        let field = require('url').parse(req.url, true).query['_field']
        if (field) {
            try {
                const json = JSON.parse(body)