The new Adobe XD extension for Visual Studio Code allows developers to visually map design sources created in XD and available in Creative Cloud Libraries, to platform-specific code using design tokens.

Google Fonts is a great place to get free fonts of all kinds. Just keep in mind that you'll need to evaluate each typeface for quality, readability, and how it matches the information you're trying to communicate. Does the typeface have several weights to help you control hierarchy? Are the shapes balanced and easy to read for body copy? Great typefaces are at the root of great design. Good typography will support your design without becoming noticeable, while bad typography and typeface choice will detract from it.

In this tool, you can search for colors or moods, and see how those are applied to design and photography. Try searching for two opposite moods, such as "calm" and "energetic". What patterns do you see in the color palettes for each mood? How does each mood's color differ?

This tool can help you pick color schemes based on the harmony rules we talked about today, and help you understand how the rules of color harmony work. Try moving one of the color circles on the color wheel up and down the white line to adjust its saturation - how much of the current color is being added to the mix. Then, drag the color clockwise around the circle. Notice how the other colors adjust in relation to your current color. This is the "shape" that color harmony rule takes on the color wheel. Try this with several color schemes, noting the differencYou may also want to try changing the color mode from RGB to HSV, which is more intuitive to work with.