Hey Reem,

Well, in my experience, you cannot import the UIs designed in Figma, in Mendix,

What you can do is, take Figma as a reference and then customize the Mendix UI yourself.

For the reference, you can take a look at these docs,

https://docs.mendix.com/studio-how-to/theme-customizer-how-to-customize-design/

and

https://docs.mendix.com/studio7/theme-customizer/

Hope it helps!

in figma simply go to inspect this will show you the CSS

then all you need to do is recreate the DOM based on how your figma works.

I would recommend doing some CSS courses if you want this to work well :D good luck

The key is to open Mendix Atlas UI KIT in Figma (you can find the UI Kit on Figma pages, just google the name). In the UI kit, you create a new page and start designing. You use assets from the kit so your design fits Atlas in Mendix. After the design is done, it is best to create UI Resources Package (UIRP) in your Mendix app (see the Mendix docs). That is just a special module where your "theme" will be stored. In the UIRP you create your page and popup layouts and start designing. You essentially change how Mendix widgets look by using SCSS.

Yes you can import it easy. 
1.go to tab left side
2.find images folder in module and click open.
3.click button add or ctrl+n

finish.