Feb 16Member-onlyOne love! One heart! One library!Building a single UI Library across multi-brand and multi-platform with Design Tokens and a better use of Figma component properties. — Figma4 min readFigma4 min read
Published inSainsbury’s Customer Experience Design·Nov 24, 2022Figma Schema 2022 London — TakeawaysLast week I was able to attend the Figma Schema event in London. Typically, the idea of networking is something I feel out my depth in and it sends a bit of a shiver down my spine, especially going there solo. …Design Systems7 min readDesign Systems7 min read
Nov 8, 2022Member-onlyAll in the (layer) name! Figma tip to get the most out of your variant components.This tip will allow designers to add content (text and images) once and will map to the corresponding layer in the other variants automatically. I’ve created this as a super short post to document a little tip I personally think is either not known or not shouted about nearly enough in the Design Systems community but has saved me so much time over the years. This article will assume you are familiar with the…Design Systems2 min readDesign Systems2 min read
Sep 22, 2021Member-onlyLloyds Bank, Open Banking — Mobile UX case studyAll your accounts in one place with Open banking Open Banking was a new UK regulation change in 2018 that was introduced to give you more control over your data and ability to handle all your banking accounts from different providers in one place. This regulation change was widely seen as a huge positive step for consumers and the ongoing rise of challenger banks is evident that users are wanting to be more engaged with their banking and finances. …UX3 min readUX3 min read
Published inProtoPie·Jan 15, 2020Member-onlyCalendar Tutorial with FAB, Navigation Drawer and Interactive Horizontal Menu in ProtoPie, Part II👉 Read this article on the new ProtoPie blog. This is the second part of the calendar tutorial. In the first part it guides you through setting up your workspace and adding parallax images. …UX Design6 min readUX Design6 min read
Published inProtoPie·Dec 16, 2019Calendar Tutorial with Parallax Images in ProtoPie, Part IA quick tutorial on how to recreate a calendar app with parallax images in ProtoPie. — 👉 Read this article on the new ProtoPie blog. Over the course of the past few months, I’ve been keen to try out ProtoPie and teach myself some useful techniques I can apply to my work in the future. There have been many different prototype tools over the years and…Protopie4 min readProtopie4 min read
Published inPrototypr·Dec 10, 2019Member-onlyUser Initial Avatar Tutorial in ProtoPieLearn how to detect user inputs and display as a user initial avatar Over the course of the past few months I’ve been keen to try out ProtoPie and teach myself some useful prototyping techniques that are lacking in the click through tools like Marvel and InVision. …Protopie5 min readProtopie5 min read