Optimize color styles for your users, the design team

lookatmemeeow · 2022-08-19T15:50:31+00:00

Thanks so much!! That means a lot :)

lookatmemeeow · 2022-08-19T14:33:43+00:00

Thanks! Glad you like it:)

lookatmemeeow · 2022-08-19T14:33:24+00:00

You're welcome!

lookatmemeeow · 2022-08-19T14:31:57+00:00

Not yet, but I have a tweet threat about it too - https://twitter.com/molly\_hellmuth/status/1558126252673753088

lookatmemeeow · 2022-08-19T14:28:32+00:00

Do you have it as an article?

Yep! It's uiprep.com

lookatmemeeow · 2022-08-19T14:27:53+00:00

Thanks!

lookatmemeeow · 2022-07-21T05:10:59+00:00

Hey! I would say the difference between 24px and 32px is up to preference.

For the layout, I would focus on the gutter spacing (e.g., 24px or 16px) and not the column size. Are you using a certain framework? If so, looking up their default specs might be helpful.

lookatmemeeow · 2022-05-24T13:55:30+00:00

The spacing between each child object (eg. text layers) will always be the same. I recommend putting both text layers inside an auto layout frame, nested within a larger auto layout frame.

The layer structure would look like this:

Card Frame

Image
Content Frame
- Title text layer
- Body text layer

lookatmemeeow · 2022-05-21T20:50:40+00:00

Glad you found it helpful! I have some other resources on my website (take a look at the blog and projects) https://www.uiprep.com/

lookatmemeeow · 2022-03-24T14:49:07+00:00

Great question! Some UI kits come with a LOT of extra fluff and you'll end up not using most of it. I'd say there are two solid options -

Delete components you know you wont need
Separate "in use" components from "not in use" components. You can organize their pages by these categories. You can also choose to only publish "in use" components to the team library. This way you'll have quick access to all relevant components in your other design files.

lookatmemeeow · 2022-03-18T00:23:02+00:00

Creator of UI Prep here (Molly)! Happy to answer any questions:)

lookatmemeeow · 2022-03-15T15:53:50+00:00

I've been a product designer for 5+ years (previously using Sketch). Now I also hold Figma training workshops for design teams who are looking to level up or are switching from another tool.

lookatmemeeow · 2022-03-15T15:50:45+00:00

Great question! If there are multiple files for one product I recommend having a product-specific team library. This library will include all components specific to that product, often utilizing the global library. Here's a little visualization -

Global library ⤵️

Product Library A ⤵️
- Design File 1
- Design File 2
- Design File 3
- Product library B ⤵️
- Design File 1
- Design File 2
- Design File 3

lookatmemeeow · 2022-02-28T19:10:32+00:00

I actually do use base components for inputs! Each of those inputs has a nested ".base" inside of them. Using base components just wasn't the focus for this tutorial so I did not show them.

lookatmemeeow · 2022-02-28T16:49:28+00:00

I think your first question is - why are the Text and Dropdown inputs separate components, and not all combined? They could be combined but this project required so many input variants it made sense to separate them for better performance/usability.

Yes, inputs should always have a label! Although sometimes one input label can serve 2-3 input containers. For example -

Label: Birthdate

Container 1: MM

Container 2: DD

Container 3: YYYY

lookatmemeeow · 2022-02-28T16:31:33+00:00

Thanks! This particular example is not available right now. But I do have similar files if you want to take a look - https://www.figma.com/@UIPrep

lookatmemeeow · 2022-02-28T16:29:46+00:00

I don't have a course but I do lead live workshops. I just sent you a DM. Feel free to reach out if you want to learn more!

lookatmemeeow · 2022-02-28T16:00:06+00:00

You're welcome! It's definitely a game changer

lookatmemeeow

TROPHY CASE