davidortinau / Xappy

A mobile app to track Xamarin news and explore all the goodness that is .NET for Mobile developers
MIT License
350 stars 106 forks source link

Design! #21

Open maryanne-exe opened 5 years ago

maryanne-exe commented 5 years ago

Hi everyone,

Xappy design now lives in the file opened for everyone! The design is made in Figma, and this tool is very intuitive. You will love it.

How is viewing design file is useful for me? There you will find all paddings, margins, colors, and other visuals that are necessary for the correct implementation. Pick the page from the Xappy Issues and navigate to Figma to find design help!

What if I have a question or a design suggestion? Then you can leave a comment right in Figma! Press C and type your comment. To exit the comment mode, press V.

How can I see spacings and colors in Figma? Figma speaks your language (or close to it). Select any element/elements and navigate to the code tab in the right sidebar and you will see the code. You can switch between CSS, Swift, and XML. Also, you can see the spacing between close elements by selecting the element and holding Alt.

I've never used a Figma-like design tool. How do I use it? I left a few tips in Figma for you! It's right above the pages in the files. I'm also all about having better communication between Design and Development teams so feel free to ask questions here. I'm happy to help and learn what kind of questions people ask.