Reference: Figma

Here are some useful resources relating to our Figma class.

UI Kits

NOTE: You should now use the UI kits built into Figma unless you need these older kits.

Plugins

  • Export Original Images Export the original full-resolution images (without having to pay for Dev Mode)
  • Unsplash Get the free Unsplash photo library from within Figma.
  • Feather Icons Quickly access the free Feather Icon library within Figma.
  • Iconify More than 100 icon sets containing over 100,000 icons. Import Material Design Icons, FontAwesome, etc.
  • Icon Resize It’s much easier when all your icons are the same size. This plugin lets you select one or more frames, and set the icon and bounding box size.
  • html.to.design Convert any website into a fully editable Figma file
  • Frame Resizer This lets you make a bunch of frames the same size. For example when you want many components (like icons) to have the same frame size.
  • Content Reel Quickly add text, images, and icons from one palette.
  • uiGradients Over 350+ gradients you can add to frames, groups, and texts with a single click.
  • Contrast Check the contrast of color ratios against Web Content Accessibility Guidelines (WCAG)
  • Font Replacer Find/Change fonts throughout your Figma file
  • Scale Resize any frame and its contents. Figma doesn’t currently support resizing frames to specific sizes, nor scaling multiple frames at once. But this plugin adds that functionality.
  • Blobs Quickly and easily create organic-looking, rounded vector blob shapes to use in your designs.
  • Similayer Add powerful selection features to Figma.
  • Color Palette Generator Generate a color palette (made with color variables) using color combinations such as Complementary, Analogous, etc.
  • Pixel Perfect Move everything back onto the pixel grid. Round position and dimensions of all selected layers
  • Rulers Guides Helper Copy and paste ruler guides from frame to frame

Widgets

Design Resources

Yelp Facebook LinkedIn YouTube Twitter Instagram