3D Building Model Scalable Vector Graphics on Figma Part 4

Build a three-part building in figma by creating rectangles with the rectangle, pen, or pencil tools, removing strokes, applying fills, and aligning and duplicating bottom, side, and roof parts.

Explore creating and using components as sources and instances to build a right-side building, including how to convert rectangles into a main component and propagate color, stroke, and size changes.

Construct a top component from two parts with two color variants and strokes, then create a bottom component for main column, using the scale tool and pixel grid for alignment.

Learn how to construct a building in Figma by duplicating frames, creating instances, adjusting colors, managing layers, and combining objects into a decor component.

Build a 3D roof in Figma using gradients, fills, and inner shadows for glow and depth with light from the front right. Manage components, stack duplicates, and troubleshoot color changes.

Apply masks, groups, and gradients in Figma to combine two buildings from SVGs, export as PNGs, and refine with gradient fills and glow effects.

Move and copy layers in Figma to transform a building design, adjusting bottom spacing, shifting the middle layer, and adding a new roof piece with inner shadows for a building.

Detach a piece from the original component, duplicate frames, and use move and scale tools to construct a modern skyscraper; treat parts as components to create multiple designs, like Lego.

Build a 3D-looking button in Figma frame by frame using ellipses, drop shadows, and inner shadows. Adjust the numbers and colors to create different lighting, directions, and effects.

Explore creating button-like ellipses with layered gradients and drop shadows to produce a bubble-like depth effect, adjustable stroke, and color variations suitable for a camera app.

learn to recreate a multi-color ring in figma by starting from a simple ellipse, using boolean subtract and stacked inner shadows to fake a 3d look.

Demonstrates creating and stacking simple vector objects using the pen tool, including circles and ellipses, applying fills, strokes, gradients, and shadows, and exploring frame-by-frame graph variations.

Recreate a circle graph in Figma by building the arc, applying gradients and drop shadows, and stacking multiple layered pieces for depth and emphasis.

Explore how 3D objects and rings are created in Figma using multiple layers and inner shadows, and why some designs may rely on 3D software for smoother, more polished results.

Explore bonus tips in Figma: copy and align points, duplicate lines, and convert strokes to fills, create shapes. Learn to add images, crop, and refine with nudge and snap settings.

The speaker thanks viewers, declares the scalable vector graphics training in Figma complete, and previews auto layout as the next topic, claiming you can do 99% of projects with Figma.