How Unity Reflect is transforming the AEC industry

Unity Reflect is a BIM design and coordination solution that connects all project members on one immersive, collaborative, real-time platform regardless of device, model size, or geographic location. Transfer your BIM data from Revit, BIM360, Navisworks, SketchUp, and Rhino into real-time 3D experiences on a range of devices in augmented reality (AR) and virtual reality (VR) to bridge the gap between design and construction. Learn more: https://on.unity.com/3nbgwNc


How Unity Reflect is transforming the AEC industry

Figma Tutorial: Importing & Exporting

Figma is free to use. Sign up here: http://bit.ly/figma-import-export This video covers the basics around importing and exporting various file types in Figma. If you have questions along the way head over to our user forum (https://spectrum.chat/figma) and connect with other Figma users. 0:00 - What files can you import to Figma 0:17 - How to import files to Figma 2:15 - Importing Sketch files to Figma 2:33 - How to export files from Figma 3:18 - How to change export sizes 4:04 - Exporting multiple layer settings 4:15 - Changing exported file names 5:00 - Exporting overlapping layers 5:50 - Using Figma’s Export Picker 7:17 - Removing the background frame when exporting 7:44 - Exporting files as a developer


Figma Tutorial: Importing & Exporting

Office hours: Building illustration systems with Pablo of @Sketch Together

Using the Blush plugin and illustrations from artists around the world, Rogie and @Pablo Stanley will create an illustration system with components, assets, and constraints. Figma is free to use. Sign up here: https://bit.ly/3fMjvrJ Blush Figma Plugin: https://bit.ly/2WF0FLE Blush: https://blush.design/ Pablo's Website: https://www.pablostanley.com/ Pablo's Channel: @Sketch Together


Office hours: Building illustration systems with Pablo of @Sketch Together

Office Hours: Building Style Guides

Rogie and Anthony share how to approach setting up a style guide for your brand and share Figma files from the community to get you started. Thumbtack's Design System in Figma: https://figma.zoom.us/recording/share/7b0EGquRufJxl3gtM8BuVf_wc3YtOQ6BxLBnbCszvcywIumekTziMw 0:00 Intro 0:45 Styler plugin to extract selections and generate styles 2:45 Design System Organizer plugin 5:30 Typescales plugin: Generate type scales based on a base font size 10:15 Importing Sketch styles 13:00 Setting type styles independently of color styles in Figma 15:30 Creating Grid styles 16:30 Creating style sub groups 19:00 Organizing components 23:00 Automatic Style guide plugin 26:00 Visualizing Grid styles using the Layout Grid Visualizer plugin 27:00 Tip: Control + G to toggle grids 29:50 Constraining object widths to fluid grids with fixed gutters 31:45 Community files: Github's Primer Design System 32:30 Splitting out your Design Systems into multiple team libraries 33:40 Github's Primer Primitives: Colors, Typography, Grids, Styles, etc. 34:15 Tip: Right-click, Set as Thumbnail to set any frame as a cover image 40:30 Documenting how to use your system within Figma 41:45 Microsoft's Fluent Web Design System 43:30 Using components and links to help with documentation 44:30 Semantic color names 45:00 Material theming Style Guide 46:00 Documenting how to use components in your style guide 48:00 Migrating components to other files 50:00 Dealing with breaking/non-breaking changes to components 55:30 Component updates and instance overrides


Office Hours: Building Style Guides

Design a Basic Layout in Figma

Start with the styles and design system foundation in Figma https://designcode.io/figma-basic-layout-and-techniques Out of all the design tools, Figma is probably the most fully-featured one. It’s every bit as powerful as Sketch, yet it went above and beyond to solve common issues like collaboration, version control, prototyping, icon illustration and so on. For creating a design system that’s collaborative and easy to share, Figma is unmatched. This portion is definitely geared towards beginners, so feel free to skip some steps. Download Assets To follow this course, you’ll need to download the assets. You can also get the Figma source files to compare your progress against mine. https://cl.ly/783ec8799b91/download/figma-assets.zip https://cl.ly/8609cdd78b22/download/figma-sourcefiles.zip


Design a Basic Layout in Figma

How to Get Stakeholders to Sketch: A Magic Formula

In ideation and many other UX activities, we want to include stakeholders and get them to participate in sketching UI prototypes and other visuals. Here are four tactics to getting everybody to sketch in your UX workshops.


How to Get Stakeholders to Sketch: A Magic Formula

02. 피그마를 이용한 모바일 사이트 코딩 작업 - 헤더 영역

피그마를 이용한 디자인 작업을 모바일 코딩으로 작업하는 튜토리얼 영상입니다. 참고 사이트 https://wtss.tistory.com/339


02. 피그마를 이용한 모바일 사이트 코딩 작업 - 헤더 영역

Figma Tutorial 피그마 간단하게 알아봅시다

해외에서 많이 쓴다는 Figma 뭐가 좋은건지 한번 훝어만 보겠습니다. Sketch를 비롯해서 앞으로 모든 디자인 툴의 튜토리얼을 만들어갈 예정입니다. Figma에 관심 있던 분들은 참고해보시면 좋겠습니다.


Figma Tutorial 피그마 간단하게 알아봅시다

[재업로드] 스케치로 웹 디자인해보기 2편

스케치 웹 디자인 2편 이어보기 입니다


[재업로드] 스케치로 웹 디자인해보기 2편

스케치로 웹 디자인해보기 -01

오랜만에 영상을 올리다보니 화질을 생각도 못했네요. 어쩐지.. 인코딩이 일찍 끝나더라니.. 스케치앱으로 웹 랜딩을 간단하게 만들어봅시다 :)


스케치로 웹 디자인해보기 -01
< 1 2 3 4 5 >