Timber and SketchApp

Timber and Sketch

I finally got the opportunity to try two new very handful design tools through new projects : the Timber WordPress framework and the so famous SketchApp.

Trying Timber

Mixing php and HTML inside template files is a hassle as it quickly become a visual mess. The WordPress functions, thought very handy and well documented, often use very different markups styles, and it’s hard to remember even the most common ones without referring to a model.

Here comes Timber. It’s a framework based on the Twig language that allow to separate php from the view files, mostly written in HTML. The dynamic insertions are much more elegant as it take form of variables using double braces.
The reading is therefore much easier.

I used it for a small landing page for Capifrance, taking advantage of the ACF plugin.

Trying Sketch

After a quick learning session getting the basics, Sketch turned out to be very intuitive and perfectly suited my need for an app design. I used it for the upcoming Fictions app (Tictales, once again). It’s really a breeze to work with Sketch, regarding organising assets through canvas, artboards, and nested symbols.

The Craft plugin is also a huge time saver to export a working prototype using synchronisation with Invision. Everything is optimised for user interface design. Photoshop is still necessary for anything regarding photo editing or crafting advanced background patterns of course.

To summarize

It’s been a long time I wanted to give Timber & Sketch a try. I think working on real projects was a necessary step to achieve a basic but sustainable mastery in these tools. I’ll definitely integrate them in my workflow because these are simply efficient.