1. Home
  2. E commerce-tools
  3. Figma: the tool to build the most ergonomic web models

Figma: the tool to build the most ergonomic web models

Figma is a web design and UX tool for creating graphic charters , wireframes or graphic templates. It is often used by art directors, freelance web designers or artists to give a very precise image of the ergonomics of the future e-commerce site.

Creating graphic mockups is an important and essential step for any e-commerce site creation that wants something other than a default Shopify theme.

Figma is widely used during website redesigns to improve the existing one and define the project visually before moving on to code.

What is Figma?

Figma is a collaborative design and graphic creation tool. Please note: it's not used for editing photos or creating logos. It's therefore nothing like Photoshop or Illustrator. Figma allows you to create graphic blocks on web pages and reuse them to create your own UX and template.

Figma graphic design

Please note that it is not possible to create an e-commerce site or even a showcase site with Figma. Figma is only used to create the design and you will then need to transform Figma for Shopify with the help of a qualified integrator.

Figma allows for online collaboration with multiple people because it runs on the cloud, so you can be sure you always have the latest files and comments on the right version with just one click.

Benefits of Figma

Figma has a huge advantage over any other design tool. Because it's specifically designed for templating, you can have all the CSS information at your fingertips.

If you want a unique theme for your Shopify site and you create a mockup in Figma, we at Pikka can know exactly what margin you want, what style font, what title (H1, H2 etc.) and therefore create your custom Shopify theme .

This allows you to divide the time required to create a theme by a factor of two or three and improve the quality of the rendering.

If you don't have the skills to create a Figma mockup, you can contact us so we can put you in touch with designers who specialize in UX, ergonomics, and Figma.

Figma Price

Figma is a SaaS solution that offers a free version for beginners . This free version is not time-limited and will therefore allow you to learn how to use Figma without constraints if you want to get started.


The only big difference compared to paid plans is the ability to create only one project . As soon as you want to create multiple projects, for clients for example, you will need to take a paid version of Figma.

Paid versions start at $12 per month and can go up to $45 per month per user depending on your needs.

Figma Competitors

Figma's main competitor to date remains Adobe XD. It is possible to create wireframes with many tools like Balsamiq, but when it comes to design and graphics, Figma and Adobe XD are undoubtedly the two best tools to date.

Auteur
Benoit Gaillat

Back to blog
Leave a comment

Please note, comments need to be approved before they are published.

Derniers articles E-commerce