Categories
Figma Forms

Tips for communicating better the information in Figma files to developers

View the original postThis article explains how to organize and communicate the information in your Figma files for better collaboration with developers. Since I began working as a product designer, I have had to deal with complex products. I do not know why, but designing complex products and finding solutions to a wide variety of […]

Categories
Figma

Figma step by step tutorial part 1 – Building a Login/Sign Up Screen

View the original post Beginner friendly tutorial teaching you how to design the Login/Sign Up screen and the design thinking behind Continue reading on UX Planet »

Categories
Design Systems Figma

Figma or Sketch? Tools For Design System

View the original post Pick the right tool for the long journey… Continue reading on Prototypr »

Categories
Figma

How Do You Work with Miro and Figma?

View the original post I prefer Miro to Figma for brainstorming and throwing together early-stage documents. In my mind, Miro is for strategy. It’s for user flows and wireframes and getting the app’s structure down on digital paper. It is the remote-team version of post-it notes and a whiteboard. For the same reasons that I […]

Categories
Figma

Using the Figma Inspect panel to help engineers build your design

View the original postUsing the Figma Inspect panel to help engineers build your designs How the Elastic UI design system (EUI) connects between its Design (Figma) and Code (React) libraries. One of the biggest challenges with maintaining a design systems for an entire company is making assets available for both mock creation and the coded components. […]

Categories
Figma

Discover Figma: A Practical Guide

View the original post If you’re a Designer stepping into the world of UI Design and looking for the right tool to help you create beautiful, functional UIs, you really can’t go wrong with Figma. And. I’ve always said there’s no better way of learning a Design Tool than just diving in and building something. […]

Categories
Conversion Figma

How to Convert Photoshop Files into Figma — 2021

View the original postHow to Convert Photoshop Files into Figma — 2021 Interoperability between UI and UX tools has become a subject of great curiosity for me. I’m mostly curious about why it’s so terrible. Send me a Sketch file or a Figma file, and I’m grand. The problem is I work with agencies and see A […]

Categories
Figma

Create flexible modal with Figma Auto Layout

View the original postWe are going to play with Figma’s auto layout, creating a flexible modal which can be stretched and accommodate multiple lines of content. We are going to make two modals on the right side. It seems that the title will align vertically to the close button after we shrink the entire modal, though it […]

Categories
Figma

How to Build Smart, Resizable Charts in Figma using Auto Layout

View the original post There are endless ways to make charts (and lots and lots of them), but after weeks of tinkering, this is the most dynamic and flexible way I’ve managed to engineer them in Figma. Before you start, go download this free Figma file: Figma – Smart Chart Module | This is a smart chart […]

Categories
Figma

Figma: From Beginner to Pro

View the original postSource: Unsplash Hey, so you’ve decided to give figma a try or maybe you’re already started using it but are confused. Don’t worry, this is the perfect guide for beginners which helps you getting started with figma easily. What is Figma? There are many out there who still don’t know what is figma. So […]