Damoz Media

Photoshop to Figma workflow!

I designed a hero section for a car manufacturer landing page where I applied some efforts of Photomanipulation on the image so as to capture the attention of users as well as enhance the overall aesthetic appeal of the website.

I was able to combine a couple of images using Photoshop, then exported it to Figma. Below is the ‘Before’ and ‘After’

Let me know you think about this

Hi there, this is a continuation of the topic: “Variables in Figma”. I shared an introductory video about how to create Figma variables in my last post.

This tutorial covers "How to apply a number of variable types (Colour and number) to a design in Figma.

Video highlight:
—Apply colour tokens to all the texts
NOTE: Select colours from tokens collection, NOT primitives
—Apply number tokens to modify auto layout frames with respect to padding,

Let me know your thoughts😊

Send a message to learn more

Introduction to Figma variables!

How to create variables and tokens in Figma.

You might be wondering "Why do we use variables instead of styles?"
What is the difference?

While styles are great for maintaining consistency across design, variables offer an extra layer of flexibility in organisation.

Video highlight:
-Create colour and number variables
-Group them for better organisation
-Create tokens

In my subsequent videos, I intend to illustrate how to apply a number of variable types (Colour, text and number to a design in Figma).

Send a message to learn more

Buttons are one of the most important and prevalent interactive elements in any user interface. They allow people to perform actions and make choices with one tap.

Here are some guidelines on how to use buttons in a user interface design according to Google’s Material Design:
—Use different button types on the same screen to direct user attention
—Nine types: elevated, filled, filled tonal, outlined, text, icon, segmented, FAB, extended FAB
—Each button has either high, medium, or low emphasis.

A button’s level of emphasis helps determine its appearance, typography and placement.